@@ -19,8 +19,8 @@ urlPrefix: https://drafts.csswg.org/css-grid-3/; type: dfn; spec: CSS-GRID-3; te
1919spec:css-color-5; type:type; text:<color>
2020</pre>
2121
22- Introduction {# intro}
23- =====================
22+ <h2 id=" intro">
23+ Introduction</h2>
2424
2525 <em> This section is not normative.</em>
2626
@@ -31,8 +31,8 @@ Introduction {#intro}
3131 application to other container layouts, and giving advanced control over
3232 where and how gap decorations are painted.
3333
34- Value Definitions {# values}
35- ---------------------------
34+ <h3 id=" values">
35+ Value Definitions</h3>
3636
3737 This specification follows the <a href="https://www.w3.org/TR/CSS2/about.html#property-defs">CSS property definition conventions</a> from [[!CSS2]]
3838 using the <a href="https://www.w3.org/TR/css-values-3/#value-defs">value definition syntax</a> from [[!CSS-VALUES-3]] .
@@ -44,8 +44,8 @@ Value Definitions {#values}
4444 also accept the <a>CSS-wide keywords</a> as their property value.
4545 For readability they have not been repeated explicitly.
4646
47- Gap decorations {# gap-decorations}
48- ==================================
47+ <h2 id=" gap-decorations">
48+ Gap decorations</h2>
4949
5050 Various layouts in CSS such as
5151 <a>multicol containers</a> , <a>flex containers</a> , <a>grid containers</a> , and <a>masonry containers</a>
@@ -86,8 +86,8 @@ Gap decorations {#gap-decorations}
8686 </figure>
8787 </div>
8888
89- Layout and painting {# layout-painting}
90- --------------------------------------
89+ <h3 id=" layout-painting">
90+ Layout and painting</h3>
9191
9292 This specification does not generally define the geometry of gaps in container layouts;
9393 that is left to other specifications.
@@ -177,8 +177,8 @@ Layout and painting {#layout-painting}
177177 <a>Gap decorations</a> are painted relative to pairs of <a>gap intersection points</a> ,
178178 in the center of the corresponding gap and parallel to its edges.
179179
180- Breaking gap decorations into segments: The 'column-rule- break' , 'row-rule-break' , and 'rule-break' properties {#break}
181- -----------------------------------------------------------------------------------------------------------------------
180+ <h3 id=" break">
181+ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break', and 'rule-break' properties</h3>
182182
183183 <pre class='propdef'>
184184 Name : column-rule-break, row-rule-break
@@ -219,7 +219,8 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
219219
220220 Sets the 'column-rule-break' and 'row-rule-break' properties to the same value.
221221
222- <h4 id="pairing">Pairing gap intersection points into segments</h4>
222+ <h4 id="pairing">
223+ Pairing gap intersection points into segments</h4>
223224
224225 <div algorithm>
225226 In the context of a given |gap|,
@@ -438,8 +439,8 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
438439 </figure>
439440 </div>
440441
441- Adjusting gap decoration endpoints: The 'column-rule- outset' , 'row-rule-outset' , and 'rule-outset' properties {#outset}
442- -----------------------------------------------------------------------------------------------------------------------
442+ <h3 id=" outset">
443+ Adjusting gap decoration endpoints: The 'column-rule-outset', 'row-rule-outset', and 'rule-outset' properties</h3>
443444
444445 <pre class='propdef'>
445446 Name : column-rule-outset, row-rule-outset
@@ -579,8 +580,9 @@ Adjusting gap decoration endpoints: The 'column-rule-outset', 'row-rule-outset',
579580 For details on how the offset is applied,
580581 see the steps to <a>determine pairs of gap decoration endpoints</a> .
581582
582- Gap decoration paint order: The 'rule-paint-order' property {#paint-order}
583- --------------------------------------------------------------------------
583+ <h3 id="paint-order">
584+ Gap decoration paint order: The 'rule-paint-order' property</h3>
585+
584586 <pre class='propdef'>
585587 Name : rule-paint-order
586588 Value : row-over-column | column-over-row
@@ -624,14 +626,14 @@ Gap decoration paint order: The 'rule-paint-order' property {#paint-order}
624626 </figure>
625627 </div>
626628
627- Color, style, and width {# color-style-width}
628- ============================================
629+ <h2 id=" color-style-width">
630+ Color, style, and width</h2>
629631
630632Property definitions in this section supersede the definitions of properties with the same names in
631633[[CSS-MULTICOL-1]] .
632634
633- Gap decoration color: The ' column-rule-color' and ' row-rule-color' properties {#column-row-rule-color}
634- ------------------------------------------------------------------------------------------------------
635+ <h3 id=" column-row-rule-color">
636+ Gap decoration color: The 'column-rule-color' and 'row-rule-color' properties</h3>
635637
636638 <pre class='propdef'>
637639 Name : column-rule-color, row-rule-color
@@ -663,8 +665,8 @@ Gap decoration color: The 'column-rule-color' and 'row-rule-color' properties {#
663665 </dd>
664666 </dl>
665667
666- Gap decoration style: The ' column-rule-style' and ' row-rule-style' properties {#column-row-rule-style}
667- ------------------------------------------------------------------------------------------------------
668+ <h3 id=" column-row-rule-style">
669+ Gap decoration style: The 'column-rule-style' and 'row-rule-style' properties</h3>
668670
669671 <pre class='propdef'>
670672 Name : column-rule-style, row-rule-style
@@ -692,8 +694,9 @@ Gap decoration style: The 'column-rule-style' and 'row-rule-style' properties {#
692694 These properties set the styles of <a>gap decorations</a> .
693695 The <<line-style>> values are interpreted as in the <a href="https://www.w3.org/TR/CSS2/tables.html#collapsing-borders">collapsing border model</a> .
694696
695- Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties {#column-row-rule-width}
696- ------------------------------------------------------------------------------------------------------
697+ <h3 id="column-row-rule-width">
698+ Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties</h3>
699+
697700 <pre class='propdef'>
698701 Name : column-rule-width, row-rule-width
699702 Value : <<line-width-list>> | <<auto-line-width-list>>
@@ -727,8 +730,8 @@ Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties {#
727730 Issue: Should the "force to 0" behavior apply when lists of values are involved?
728731 If so, how should this be handled with unaligned lists?
729732
730- Lists of values and the ''repeat-line-color/repeat()'' notation {# lists-repeat}
731- -------------------------------------------------------------------------------
733+ <h3 id=" lists-repeat">
734+ Lists of values and the ''repeat-line-color/repeat()'' notation</h3>
732735
733736 Each of the properties in this section accepts a space-separated list of values.
734737 Setting multiple values in this way allows for varying <a>gap decorations</a> within a given container.
@@ -867,8 +870,8 @@ Lists of values and the ''repeat-line-color/repeat()'' notation {#lists-repeat}
867870 except that in step 2, change all instances of "first" to "last".
868871 </div>
869872
870- Gap decoration shorthands: The 'column-rule' and 'row-rule' properties {# gap-decoration-shorthands}
871- ---------------------------------------------------------------------------------------------------
873+ <h3 id=" gap-decoration-shorthands">
874+ Gap decoration shorthands: The 'column-rule' and 'row-rule' properties</h3>
872875
873876 <pre class='propdef shorthand'>
874877 Name : column-rule, row-rule
@@ -893,8 +896,8 @@ Gap decoration shorthands: The 'column-rule' and 'row-rule' properties {#gap-dec
893896
894897 These shorthands set the corresponding width, style, and color properties as a set.
895898
896- Bi-directional gap decoration shorthands: The ' rule-color' , 'rule-style' , 'rule-width' , and 'rule' properties {#rule- bi-directional}
897- ------------------------------------------------------------------------------------------------------------------------------------
899+ <h3 id=" rule-bi-directional">
900+ Bi-directional gap decoration shorthands: The 'rule-color', 'rule-style', 'rule-width', and 'rule' properties</h3>
898901
899902 <pre class='propdef shorthand'>
900903 Name : rule-color
@@ -926,10 +929,12 @@ Bi-directional gap decoration shorthands: The 'rule-color', 'rule-style', 'rule-
926929
927930 These shorthands set the corresponding column and row properties to the same values.
928931
929- <h2 class=no-num id=privacy>Privacy Considerations</h2>
932+ <h2 id="privacy">
933+ Privacy Considerations</h2>
930934
931935No new privacy considerations have been reported on this specification.
932936
933- <h2 class=no-num id=security>Security Considerations</h2>
937+ <h2 id="security">
938+ Security Considerations</h2>
934939
935940No new security considerations have been reported on this specification.
0 commit comments