[csswg-drafts] [css-borders] allow multiple borders (#13044)

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

== [css-borders] allow multiple borders ==
We've been hacking our way around the lack of official multiple border options for years with `box-shadows`, `outline`, `drop-shadow`.  It seems like it's long past time to just allow multiple borders in a straight forward way.

problems with the current options:

- Hacking borders with `outline` on elements with focus messes up accessibility. Causing devs to need to replace that functionality. Often in reality this does not happen.
 
- Hacking borders with `box-shadow` leads to uneven "borders" on non 100% zoomed OS.

- Hacking borders with `drop-shadow` usually requires a large number of shadow because it's missing a spread option. Also has the same issue with non 100% zoomed OS.

Proposing to look something like this:

```css
border: solid #000 1px, dashed red 3px, solid #000 1px;

border: solid var(--background-color) 3px, solid #000 2px;
```

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


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

Received on Thursday, 30 October 2025 23:28:52 UTC