@@ -215,7 +215,7 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
215215 Clipping</ a >
216216
217217 < li > < a href ="#corner-transitions "> < span class =secno > 4.4.3.
218- </ span > Corner Transitions</ a >
218+ </ span > Color and Style Transitions</ a >
219219
220220 < li > < a href ="#corner-overlap "> < span class =secno > 4.4.4.
221221 </ span > Overlapping Curves</ a >
@@ -2489,9 +2489,15 @@ <h4 id=corner-clipping><span class=secno>4.4.2. </span>Corner Clipping</h4>
24892489</ pre >
24902490 </ div >
24912491
2492- < h4 id =corner-transitions > < span class =secno > 4.4.3. </ span > Corner
2492+ < h4 id =corner-transitions > < span class =secno > 4.4.3. </ span > Color and Style
24932493 Transitions</ h4 >
24942494
2495+ < p > Color and style transitions must be contained within the segment of the
2496+ border that intersects the smallest rectangle that contains both border
2497+ radii as well as the center of the inner curve (which may be a point
2498+ representing the corner of the padding edge, if the border radii are
2499+ smaller than the border-width).
2500+
24952501 < p > The center of color and style transitions between adjoining borders is
24962502 at the point on the curve that is at an angle that is proportional to the
24972503 ratio of the border widths. For example, if the top and right border
@@ -2501,12 +2507,6 @@ <h4 id=corner-transitions><span class=secno>4.4.3. </span>Corner
25012507 between the point at that angle on the outer arc and the point at that
25022508 angle on the inner arc.
25032509
2504- < p > Color and style transitions must be contained within the segment of the
2505- border that intersects the smallest rectangle that contains both border
2506- radii as well as the center of the inner curve (which may be a point
2507- representing the corner of the padding edge, if the border radii are
2508- smaller than the border-width).
2509-
25102510 < p > It is not defined what these transitions look like, but a gradient is
25112511 recommended for color transitions that don't involve dotted or dashed
25122512 borders.
0 commit comments