- From: Binyamin Laukstein via GitHub <sysbot+gh@w3.org>
- Date: Wed, 16 Dec 2020 20:15:04 +0000
- To: public-css-archive@w3.org
@fantasai here how it looks: ![grabilla g10212](https://user-images.githubusercontent.com/183966/102401451-02fe8b00-3fec-11eb-9173-9374efdfd797.png) html: ``` <!DOCTYPE html> <meta charset=UTF-8> <title>CSS corner-clipping also for padding</title> <h1>CSS corner-clipping for padding</h1> <p>Resources: <a href="http://www.w3.org/TR/css3-background/#corner-clipping" target=_blank>W3C spec</a>, <a href="http://lists.w3.org/Archives/Public/www-style/2015Apr/0252.html" target=_blank> answer</a><br>Issue: <a href="https://code.google.com/p/chromium/issues/detail?id=99364" target=_blank>Chrome #99364</a></p> <p>The padding must be rounded following <a href="http://www.w3.org/TR/css3-background/#corner-clipping" target=_blank>spec</a> - the <a href=#test>TEST-CASE</a> green box must look as a symmetrical circle <a href=#expected>EXPECTED RESULT<a>.</p> <p id=test>Test-case:</p> <ul><li></ul> <p id=expected>Expected result:</p> <ul class=expected><li></ul> ``` css: ``` ul { overflow: hidden; display: inline-block; padding: .5em; list-style: none; background-color: rgba(100,0,0,.1); border-radius: 100%; } li { padding: 2em; color: #fff; text-align: center; background-color: green; } .expected li { border-radius: 100%; } :target { background-color: yellow; } ``` -- GitHub Notification of comment by laukstein Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5680#issuecomment-746943679 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 16 December 2020 20:15:05 UTC