An edge segment endpoint is any [=segment endpoint=] created at the content edges of the container.
-An interior segment endpoint is any [=segment endpoint=] created at a [=gap junction=].
++ A junction segment endpoint is a [=segment endpoint=] at a [=gap junction=] + where one or more other [=gap decoration segments=] are also present. +
+ ++ A cap segment endpoint is any [=segment endpoint=] that is not a [=junction segment endpoint=]. + This includes endpoints at the container's content edges, + as well as endpoints at a [=gap junction=] where no other [=gap decoration segment=] is present. +
+ + +
+ .simple-grid {
+ rule-break: intersection;
+ rule-visibility-items: between;
+ }
+
+ 
+
+ .simple-grid-with-empty-cells {
+ rule-break: intersection;
+ rule-visibility-items: between;
+ }
+
+ 
+
+ .donut-grid-layout {
+ rule-break: intersection;
+ rule-visibility-items: between;
+ }
+
+ 
+ - - Edge segment endpoints -
- - The [=crossing gap width=] is ''0''. + Segment endpoints at a [=gap junction=] -
- - Interior segment endpoints
- The [=crossing gap width=] is the size of the [=gap junction=] in the same dimension as the [=gap=] in which the [=segment endpoint=] lies @@ -1017,16 +1071,29 @@ Adjusting gap decoration endpoints: The 'rule-inset' properties However, in cases where [=gaps=] intersect or abut one another at overlapping intervals, the [=crossing gap width=] will be determined by the union of such intervals. See this example for one such case. +
- + Other segment endpoints +
- + The [=crossing gap width=] is ''0''.
+ Note: This classification by position is distinct from the + [=cap segment endpoint=] / [=junction segment endpoint=] classification. + A [=cap segment endpoint=] may sit at a container edge or at a [=gap junction=] + (see this example). Hence, + ''column-rule-inset-cap-start: 50%'' resolves to half the [=gap junction=] + size at an interior cap and ''0'' at other caps such as container edges. +
+- The 'column-rule-edge-inset-start' and 'row-rule-edge-inset-start' properties apply to [=start segment endpoints=] that are [=edge segment endpoints=]. - The 'column-rule-interior-inset-start' and 'row-rule-interior-inset-start' properties apply to [=start segment endpoints=] that are [=interior segment endpoints=]. + The 'column-rule-inset-cap-start' and 'row-rule-inset-cap-start' properties apply to [=start segment endpoints=] that are [=cap segment endpoints=]. + The 'column-rule-inset-junction-start' and 'row-rule-inset-junction-start' properties apply to [=start segment endpoints=] that are [=junction segment endpoints=]. For these properties, positive values offset in the [=end=] direction, and negative values offset in the [=start=] direction, along the axis of the gap.
- The 'column-rule-edge-inset-end' and 'row-rule-edge-inset-end' properties apply to [=end segment endpoints=] that are [=edge segment endpoints=]. - The 'column-rule-interior-inset-end' and 'row-rule-interior-inset-end' properties apply to [=end segment endpoints=] that are [=interior segment endpoints=]. + The 'column-rule-inset-cap-end' and 'row-rule-inset-cap-end' properties apply to [=end segment endpoints=] that are [=cap segment endpoints=]. + The 'column-rule-inset-junction-end' and 'row-rule-inset-junction-end' properties apply to [=end segment endpoints=] that are [=junction segment endpoints=]. For these properties, positive values offset in the [=start=] direction, and negative values offset in the [=end=] direction, along the axis of the gap.
@@ -1048,10 +1115,10 @@ Adjusting gap decoration endpoints: The 'rule-inset' properties
+ 
+ 