[csswg-drafts] [css-borders-4] `corner` shorthand slashes conflict with optional forward slashs in border-*-radius long hands (#13889)

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

== [css-borders-4] `corner` shorthand slashes conflict with optional forward slashs in border-*-radius long hands ==
Two relatively recent resolutions conflict with one another:

Resolution 1:
Allowing optional forward slash in border-*-radius longhands (https://github.com/w3c/csswg-drafts/issues/12861):

```css
border-top-left-radius: 24px 12px;
border-top-left-radius: 24px / 12px;
```

Resolution 2:
The slash separated `corner` shorthand for `border-radius` and `corner-shape` that Chrome is currently implementing:

```css
corner: round 24px / round 24px / bevel 24px 12px / bevel 24px 12px;
```
----------------------------------------------------------------------------------

If you combine resolutions 1 and 2 the final result is a confusing mess of slashes. How is the browser suppose to know what to do with which slash???:

```css
corner: round 24px / round 24px / bevel 24px / 12px / bevel 24px / 12px;
```

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


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

Received on Tuesday, 5 May 2026 23:12:40 UTC