@@ -2907,6 +2907,13 @@ <h3 id=corner-shaping><span class=secno>5.2. </span>Corner Shaping</h3>
2907
2907
sides' borders, the arc of the padding edge is less than 90°.
2908
2908
</ div >
2909
2909
2910
+ < p > The margin edge, being outside the border edge, calculates its radius by
2911
+ adding the corresponding margin thickness to each border radius. However,
2912
+ in order to create a sharper corner when the border radius is small, if
2913
+ the ratio < var > r</ var > of the border radius to the margin is less than one
2914
+ the margin thickness is multiplied by the proportion 1 +
2915
+ (< var > r</ var > -1)< sup > 3</ sup > in this calculation.
2916
+
2910
2917
< h3 id =corner-clipping > < span class =secno > 5.3. </ span > Corner Clipping</ h3 >
2911
2918
2912
2919
< p > A box's backgrounds, but not its < a
@@ -4552,6 +4559,11 @@ <h3 id=changes-2012-07><span class=secno>9.1. </span> Changes since the 24
4552
4559
class =property > border-image-width</ code > </ a > ’ is initially set to the
4553
4560
computed ‘< a href ="#border-width "> < code
4554
4561
class =property > border-width</ code > </ a > ’, which in this case is zero).
4562
+
4563
+ < li > Add definition for how the margin edge is curved in response to
4564
+ border-radius. (This is relevant for < a href ="#ref-CSS-SHAPES "
4565
+ rel =biblioentry > [CSS-SHAPES]<!--{{CSS-SHAPES}}--> </ a > , but does not
4566
+ change conformance to CSS Backgrounds and Borders Level 3.)
4555
4567
</ ul >
4556
4568
4557
4569
< h3 id =changes-2012-04 > < span class =secno > 9.2. </ span > Changes since the 17
@@ -4866,6 +4878,16 @@ <h3 class=no-num id=other-references> Other References</h3>
4866
4878
</ dd >
4867
4879
<!---->
4868
4880
4881
+ < dt id =ref-CSS-SHAPES > [CSS-SHAPES]
4882
+
4883
+ < dd > Vincent Hardy; Rossen Atanassov; Alan Stearns. < a
4884
+ href ="http://www.w3.org/TR/2013/WD-css-shapes-1-20130620/ "> < cite > CSS
4885
+ Shapes Module Level 1.</ cite > </ a > 20 June 2013. W3C Working Draft. URL:
4886
+ < a
4887
+ href ="http://www.w3.org/TR/2013/WD-css-shapes-1-20130620/ "> http://www.w3.org/TR/2013/WD-css-shapes-1-20130620/</ a >
4888
+ </ dd >
4889
+ <!---->
4890
+
4869
4891
< dt id =ref-CSS1 > [CSS1]
4870
4892
4871
4893
< dd > Håkon Wium Lie; Bert Bos. < a
0 commit comments