[csswg-drafts] Allow overriding single-shape `border-shape` color/width (#13506)

noamr has just created a new issue for https://github.com/w3c/csswg-drafts:

== Allow overriding single-shape `border-shape` color/width ==
The single-variant `border-shape` uses one of the border edges to select a border color and width.
This is usually OK, but in some cases it's counterintuitive, especially given that backgrounds are not painted outside the border box.

For example, take this shape from @una:

<img width="294" height="283" alt="Image" src="https://github.com/user-attachments/assets/016534d0-c2ce-4c38-8035-0566f2639811" />

The stroke width here is `2px`, but the "border" is closer to `20px`.
To make this shape work nicely with the box model and its internal content, currently the author needs to add something like a `20px` padding for it to paint correctly. But this is not what `padding` is for - it means that, for example, positioned elements would ignore the padding and would start at the `2,2` coordinate.

Proposal:

Allow `border-shape-stroke` and `border-shape-stroke-width` properties that override the defaults for the single-shape variant of `border-shape`, with a `from-border` default.

```
border-shape-stroke-color: from-border | <<color>>;
border-shape-stroke-width: from-border | <<line-width>>;
```

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13506 using your GitHub account


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

Received on Tuesday, 17 February 2026 11:32:04 UTC