Re: [csswg-drafts] [css-gaps] Gap decoration outsets at the edges (#12024)

The CSS Working Group just discussed `[css-gaps] Gap decoration outsets at the edges`, and agreed to the following:

* `RESOLVED: percentages resolve to the same value for edges vs. interior decorations`
* `RESOLVED: Two longhands to set inner/outer outsets, names at editor discretion`
* `RESOLVED: The shorthand lists inside first`

<details><summary>The full IRC log of that discussion</summary>
&lt;fantasai> kbabbitt: This is exactly the case, where an author might want to control the gap decorations differently at edges of container vs interior<br>
&lt;fantasai> kbabbitt: there was suggestion to set only interior using a switch<br>
&lt;fantasai> kbabbitt: but separate setters might be way to handle it<br>
&lt;fantasai> kbabbitt: another idea was being able to specify list of values, similar to alternating colors<br>
&lt;fantasai> kbabbitt: question is how do we want to handle this case?<br>
&lt;emilio> fantasai: most common case when you're going to want outsets you're going to have interior outsets different from the outer ones<br>
&lt;emilio> ... inner ones 50%, outers 0<br>
&lt;emilio> ... I think that's common<br>
&lt;emilio> kbabbitt: for the interior intersection the basis the width of the gap in the cross direction<br>
&lt;SebastianZ> q+<br>
&lt;emilio> ... for the exterior is 0<br>
&lt;emilio> fantasai: I think that's not what you want to do<br>
&lt;emilio> ... percentage basis should be same for both<br>
&lt;emilio> ... if you want 25% on each side for the interior<br>
&lt;emilio> ... you want the outer gap to not flush, but be the same amount<br>
&lt;emilio> ... if you'd use an absolute value you'd get the outset on both interior and exterior<br>
&lt;emilio> ... if you switch to percentages we shouldn't change that<br>
&lt;emilio> ... what you want to do is to split it into inside/outside<br>
&lt;emilio> ... rule-outset-inside/outside<br>
&lt;emilio> ... that way you can set the outset for just the interior e<br>
&lt;emilio> alisonmaher: rule-outset-edge?<br>
&lt;emilio> fantasai: whatever, inner/outer...<br>
&lt;emilio> ... but I think that'd give you the control you want<br>
&lt;emilio> alisonmaher: the list approach would work...?<br>
&lt;emilio> fantasai: no because you need to track the repeat<br>
&lt;emilio> alisonmaher: if you are autorepeat you could<br>
&lt;emilio> fantasai: you don't know how many columns you want with auto repeat<br>
&lt;emilio> ... repeat might be useful for pattern-like thing<br>
&lt;emilio> ... but for the exterior one you don't know how many columns you have<br>
&lt;emilio> astearns: we've used positive / neg indices<br>
&lt;emilio> ... if you want to target ends<br>
&lt;emilio> ... not sure that's the right design here<br>
&lt;emilio> kbabbitt: we have auto repeat for widths/colors to fill gaps not specified<br>
&lt;emilio> ... but I agree in this case is edges vs. interior<br>
&lt;astearns> ack SebastianZ<br>
&lt;emilio> ... and we should design it that way<br>
&lt;emilio> SebastianZ: you lost me a bit<br>
&lt;emilio> ... but reading the minutes I think we agree on what I had in mind<br>
&lt;emilio> ... so having different outsets for interior and edges<br>
&lt;emilio> ... so we can control it differently<br>
&lt;emilio> ... maybe we could resolve on that?<br>
&lt;emilio> kbabbitt: yeah wonder if we could resolve on this<br>
&lt;emilio> fantasai: we need 2 resolutions<br>
&lt;emilio> ... one that percentages resolve to the same value<br>
&lt;emilio> RESOLVED: percentages resolve to the same value for edges vs. interior decorations<br>
&lt;emilio> PROPOSED: rule outset has two longhands, one for interior one for exterior<br>
&lt;emilio> fantasai: interior one could be split up faster<br>
&lt;emilio> s/faster/later<br>
&lt;emilio> emilio: exterior as well theoretically right?<br>
&lt;emilio> SebastianZ: do we want to resolve on names?<br>
&lt;fantasai> interior vs exterior is much more likely to be distinguished than start vs end<br>
&lt;kbabbitt> rule-edge-outset / rule-interior-outset ?<br>
&lt;fantasai> and to be set independently<br>
&lt;emilio> fantasai: I think you want outset so that the shorthand is prefixed<br>
&lt;emilio> SebastianZ: I wouldn't call it outset<br>
&lt;emilio> ... the outset can still be an inset<br>
&lt;emilio> fantasai: but that's an inset<br>
&lt;kbabbitt> rule-outset-edge / rule-outset-interior<br>
&lt;emilio> ... negative<br>
&lt;emilio> ... default direction is out<br>
&lt;emilio> fantasai: should we go with interior vs. exterior?<br>
&lt;emilio> astearns: I prefer edge<br>
&lt;emilio> fantasai: less parallel<br>
&lt;emilio> SebastianZ: I'd prefer inner / outer<br>
&lt;emilio> ... interior / exterior might be difficult<br>
&lt;emilio> astearns: rule-outset-{inner,outer}?<br>
&lt;emilio> PROPOSED: Two longhands to set inner/outer outsets, names at editor discretion<br>
&lt;emilio> RESOLVED: Two longhands to set inner/outer outsets, names at editor discretion<br>
&lt;emilio> fantasai: the shorthand needs to set both, should it be inner outer or outer inner?<br>
&lt;emilio> alisonmaher: one value applies to both<br>
&lt;emilio> fantasai: but if you specify both should it be inside then outside or vice versa<br>
&lt;emilio> SebastianZ: gut feeling says inside then outside<br>
&lt;emilio> fantasai: let's go with that<br>
&lt;emilio> RESOLVED: The shorthand lists inside first<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12024#issuecomment-3206577879 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 20 August 2025 14:08:33 UTC