Handle overlapping border-radius corners

Conforming to section 5.5 (Rounded Corners/Overlapping Curves) of "CSS
Background and Borders Module Level 3", border radii on elements whose
border curves would have overlapped are uniformly scaled down to the
point that they no longer do.

http://dev.w3.org/csswg/css-backgrounds/#corner-overlap
This commit is contained in:
Peter Reid 2015-01-17 23:10:05 -05:00
parent 4a3e4032fe
commit c9cbb5b071
4 changed files with 46 additions and 3 deletions

View file

@ -0,0 +1,6 @@
<!DOCTYPE html>
<html>
<body>
<div style='box-sizing:border-box; width:6em; height:2em; border-radius:.4em 1.6em .4em 1.6em; background-color:red;'></div>
</body>
</html>