W3C home > Mailing lists > Public > www-style@w3.org > June 2013

[css-shapes] Handling large corner radii values for rectangle and inset-rectangle

From: Bem Jones-Bey <bjonesbe@adobe.com>
Date: Fri, 7 Jun 2013 15:06:40 -0700
To: W3C WWW Style <www-style@w3.org>
Message-ID: <E6278CA6-318F-4D46-8C5A-B0106C2C5B7B@adobe.com>
The current CSS Shapes draft[1] says that if the corner radii for rectangle and inset-rectangle follow the rules for corner radii for the SVG rect basic shape[2]. In the case of the radii being large enough that they would intersect, the SVG spec says that the radii in question should be clamped to 50% of it's associated rectangle edge (rx gets clamped to 50% width, ry gets clamped to 50% height). However, CSS Backgrounds and Borders defines a different rule for CSS border radius for this situation[3]. It seems like it would make the most sense for CSS Shapes to use the same behavior as border-radius to be consistent with the expectations of authors. What do you think?

- Bem

[1]: http://dev.w3.org/csswg/css-shapes/
[2]: http://www.w3.org/TR/SVG/shapes.html#RectElement
[3]: http://www.w3.org/TR/css3-background/#corner-overlap
Received on Saturday, 8 June 2013 01:26:48 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:30 UTC