@@ -2018,7 +2018,8 @@ the inner curve will not be a full quarter ellipse.</p>
2018
2018
2019
2019
<p> The margin edge, being outside the border edge, calculates its radius
2020
2020
by <em> adding</em> the corresponding margin thickness to each border radius.
2021
- However, in order to create a sharper corner when the border radius is small,
2021
+ However, in order to create a sharper corner when the border radius is small
2022
+ (and thus ensure continuity between round and sharp corners),
2022
2023
when the <i> border radius</i> is less than the margin,
2023
2024
the margin is multiplied by the proportion 1 + (<var> r</var> -1)<sup> 3</sup> ,
2024
2025
where <var> r</var> is the ratio of the border radius to the margin,
@@ -2932,7 +2933,8 @@ Shadow Shape, Spread, and Knockout</h4>
2932
2933
<p> To preserve the box's shape when spread is applied,
2933
2934
the corner radii of the shadow are also increased (decreased, for inner shadows)
2934
2935
from the border-box radii by adding the <i> spread distance</i> (and flooring at zero).
2935
- However, in order to create a sharper corner when the border radius is small,
2936
+ However, in order to create a sharper corner when the border radius is small
2937
+ (and thus ensure continuity between round and sharp corners),
2936
2938
when the <i> border radius</i> is less than the <i> spread distance</i> ,
2937
2939
the <i> spread distance</i> is multiplied by the proportion 1 + (<var> r</var> -1)<sup> 3</sup> ,
2938
2940
where <var> r</var> is the ratio of the border radius to the <i> spread distance</i> ,
0 commit comments