Skip to content

[CSS Gap Decorations] support gradients and images as alternative to solid colors #984

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Th3S4mur41 opened this issue Mar 20, 2025 · 1 comment
Assignees

Comments

@Th3S4mur41
Copy link

Solid color has been a limitation of borders for quite some time. Border image now opens new opportunities for more creative borders.

It would be great to get similar options for columns and row rules.
Something like column-rule-image and row-rule-image maybe to keep the syntax like border and keep low cognitive load?!

@kbabbitt
Copy link
Member

Thanks for the feedback!

This is something we're interested in exploring in a future level of the spec. It would be a little more challenging than border-image, because in addition to corners, you also need to consider T intersections and cross intersections. Certainly possible, but sufficiently more complex that we wanted to focus on getting solid color decorations into authors' hands first.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants