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

[csswg-drafts] [css-env] border radius (#6259)

From: mantou via GitHub <sysbot+gh@w3.org>
Date: Sat, 01 May 2021 16:30:39 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-873715737-1619886638-sysbot+gh@w3.org>
mantou132 has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-env] border radius ==
In some operating systems (such as macOS), the browser has a rounded corner of the border. When the page content sets the border, need to adapt this rounded corner

# Proposal

Add `safe-border-top-left-radius`, `safe-border-top-right-radius`, `safe-border-bottom-right-radius`, `safe-border-bottom-left-radius`  environment variables.

# Example

```css
body {
  border: 10px solid red;
  border-bottom-left-radius: env(safe-border-bottom-left-radius, 0);
  border-bottom-right-radius: env(safe-border-bottom-right-radius, 0);
}
```

current case:
<img width="797" alt="Screen Shot 2021-05-01 at 10 25 56 PM" src="https://user-images.githubusercontent.com/3841872/116788471-59242480-aadc-11eb-86d9-f287bf7a71ba.png">


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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Saturday, 1 May 2021 16:30:42 UTC

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