[csswg-drafts] [css-backgrounds] allow optional forward slash in `border-*-radius` long hands (#12861)

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

== [css-backgrounds] allow optional forward slash in `border-*-radius` long hands ==
The `border-radius` shorthand uses a slash to separate corner widths and heights:

```css
border-radius: 2em 1em 4em / 0.5em 3em;
```

However the slash is not used in the individual `border-*-radius` long hands. Including the slash gets the property marked as invalid in browsers.

```css
border-top-left-radius:     2em 0.5em;
border-top-right-radius:    1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius:  1em 3em;
```

This is inconsistent and as a result has confused me a number of time. Is there any reason that a slash couldn't be allowed as optional in `border-*-radius` long hands.

https://drafts.csswg.org/css-backgrounds/#corners

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


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

Received on Friday, 26 September 2025 14:28:52 UTC