- From: Noam Rosenthal via GitHub <noreply@w3.org>
- Date: Thu, 19 Jun 2025 13:38:51 +0000
- To: public-css-archive@w3.org
While prototyping this, I've encountered some other slight direction to this: What if we *did* take `border-width` into account for the box model layout, and made the inner shape relative to the padding box? This allows using the same shape definition or similar in the inner and outer shape, and the border width would adjust what the shape actually looks like if it is a responsive shape(e.g. a `circle()`, or a `shape()` with percentages etc). It has the nice advantage that the author can use the `border-width` property to control both the positioning of the descendants, as well as the relative positioning of the shape. We can even perhaps separate this to two properties? `border-shape` and `padding-shape`, or `border-shape` and `border-inner-shape`? If `padding-shape` is defined without `border-shape`, we can still render the whole thing as a `border-shape` but treat the outer one as an `inset(0)`, which would fill the entire area outside the `padding-shape`. Regarding border-color/image/style etc, one option is to treat it as transparent, and that's the simplest. Another one is to still render the border as is, but clip it to the area outside and behind the outer border-shape. I am not sure however if this produces any visually compelling results. @tabatkins @smfr @fantasai -- GitHub Notification of comment by noamr Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/11662#issuecomment-2988140603 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 19 June 2025 13:38:52 UTC