- From: fantasai via GitHub <noreply@w3.org>
- Date: Wed, 15 Jul 2026 16:32:23 +0000
- To: public-css-archive@w3.org
+1 to @noamr. The current syntax, <'border-radius'> <'corner-shape'>, implies the following abilities:
```css
corner: round 3px;
/* same as corner-shape: round; border-radius: 3px; */
corner: bevel 0.25em;
/* same as corner-shape: bevel; border-radius; 0.25em; */
corner: round 5px / 3px; /* elliptical corners */
/* same as corner-shape: round; border-radius: 5px / 3px; */
corner: square bevel bevel square 10px / 50%; /* make an arrow pointing right */
/* same as corner-shape: square bevel bevel square; border-radius: 10px / 50%; */
corner: bevel 0 5px 5px 0 / 0 50% 50% 0; /* make an arrow pointing right */
/* same as corner-shape: bevel; border-radius: 0 5px 5px 0 / 0 50% 50% 0; */
```
Probably the spec should have examples here. It's legitimately a little hard to understand.
--
GitHub Notification of comment by fantasai
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13889#issuecomment-4982966226 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 15 July 2026 16:32:24 UTC