W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2021

Re: [csswg-drafts] [css-backgrounds] border-radius with a circular edge (#6467)

From: Jonathan Neal via GitHub <sysbot+gh@w3.org>
Date: Thu, 22 Jul 2021 13:04:43 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-884895297-1626959081-sysbot+gh@w3.org>
While I don’t want the request for a semantic value to get confused with bikeshedding a specific keyword solution, I hope it will be helpful to share something I’ve learned. Having reviewed the specification for `corner-shape` in [css-backgrounds-4](https://drafts.csswg.org/css-backgrounds-4/#corner-shaping), I now think `border-radius` would need a keyword that somehow describes the radii without describing its _shape_.

Here is an example of using `border-radius` and `corner-shape` from the current specification:

```css
a {
  border-radius: .3em .8em .8em .3em / .3em 50% 50% .3em;
  corner-shape: round angle angle round;
  padding: .5em 1em .5em .5em;
}
```

I think it would be confusing to write `border-radius: round; corner-shape: angle`. Therefore, a better term might be something like `fill`, `quarter`, etc.

-- 
GitHub Notification of comment by jonathantneal
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6467#issuecomment-884895297 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 22 July 2021 13:04:44 UTC

This archive was generated by hypermail 2.4.0 : Thursday, 24 March 2022 20:27:25 UTC