Skip to content

[css-borders-4][css-gaps-1] Corner shapes and gap decorations #12150

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
kbabbitt opened this issue May 2, 2025 · 0 comments
Open

[css-borders-4][css-gaps-1] Corner shapes and gap decorations #12150

kbabbitt opened this issue May 2, 2025 · 0 comments

Comments

@kbabbitt
Copy link
Collaborator

kbabbitt commented May 2, 2025

In MicrosoftEdge/MSEdgeExplainers#985 I got a suggestion for Gap Decorations which made me think of the work being done for border corner shapes:

Awesome proposal! I think it would be lovely to have control over the spacing and styling near intersections. For example, setting a padding on line end to shape how padded lines are before an intersection. Perhaps some combination of border-radius and border-end-end-radius, just so we have an easy and flexible way to add styles to the ends of dividers near intersection would be very useful.

From what I’ve seen, it seems like we could reuse the concepts in corner shape for 3-way and 4-way gap intersections in a grid or other container. Right now, I’m thinking of this as a future-level feature for Gap Decorations, but I wanted to at least put it on the radar as something to think about.

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

1 participant