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

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

From: Jonathan Neal via GitHub <sysbot+gh@w3.org>
Date: Wed, 21 Jul 2021 12:16:49 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-949646765-1626869807-sysbot+gh@w3.org>
jonathantneal has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-backgrounds] border-radius with a circular edge ==
Is there, or could there be a more semantic way to describe a border radius as being round rather than some current conventions?

From [TailwindCSS](https://github.com/tailwindlabs/tailwindcss/blob/v2.2.4/stubs/defaultConfig.stub.js#L150):

```css
.rounded-full {
  border-radius: 9999px;
}
```

From an [accepted StackOverflow answer](https://github.com/tailwindlabs/tailwindcss/blob/v2.2.4/stubs/defaultConfig.stub.js#L150):

```css
#rect {
  border-radius: 100000000000000px;
}
```

Other examples include `9999em` or `100vmax`.

Perhaps we could introduce a keyword, like `round`?

```css
.rounded-full {
  border-radius: round;
}
```

```css
#rect {
  border-radius: round;
}
```

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 21 July 2021 12:16:50 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:39 UTC