Skip to content
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

[css-gaps-1] Bikeshedding names for ways to break gap decorations #11491

Open
kbabbitt opened this issue Jan 13, 2025 · 0 comments
Open

[css-gaps-1] Bikeshedding names for ways to break gap decorations #11491

kbabbitt opened this issue Jan 13, 2025 · 0 comments

Comments

@kbabbitt
Copy link
Collaborator

kbabbitt commented Jan 13, 2025

Authors may want one of several different behaviors for drawing gap decorations in a Grid that contains spanning items. The spec defines the column-rule-break and row-rule-break properties (and shorthand gap-rule-break) to select between these behaviors, with one of three values. (In the examples below, I've also set gap-rule-outset to 0 to emphasize the difference between them.)

They might want decorations to stop at each intersection:

gap-rule-break: intersection;
gap-rule-outset: 0px;

Gap decoration example in CSS Grid with decorations stopping at every intersection

Or at each T intersection:

gap-rule-break: spanning-item;
gap-rule-outset: 0px;

Gap decoration example in CSS Grid with decorations stopping at every T intersection

Or only at the edges of the container:

gap-rule-break: none;

Gap decoration example in CSS Grid with decorations crossing under spanning items

Questions:
1. Are there suggestions for better names for these values?
2. Currently in the spec, the initial value selects the "T intersection" behavior. Is that what most authors would expect as a default?

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