diff --git a/css-gaps-1/Overview.bs b/css-gaps-1/Overview.bs index 707c5c8a69a9..ce039405f471 100644 --- a/css-gaps-1/Overview.bs +++ b/css-gaps-1/Overview.bs @@ -351,8 +351,8 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
 		Name: column-rule-break, row-rule-break
-		Value: ''none'' | ''spanning-item'' | ''intersection''
-		Initial: ''spanning-item''
+		Value: ''none'' | ''normal'' | ''intersection''
+		Initial: ''normal''
 		Applies to: grid containers, flex containers, multicol containers, and grid lanes containers
 		Inherited: no
 		Animation type: discrete
@@ -368,9 +368,29 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
 			Gap decorations do not start or end at visible "T" or "cross" intersections.
 			Instead, a single continuous decoration is painted from one end of the gap to the other.
 		
-		
spanning-item +
normal
- Gap decorations start and end at visible "T" intersections but continue through visible "cross" intersections. + Behavior depends on the type of container. + +
+
Grid containers +
+ Gap decorations start and end at visible "T" intersections + but continue through visible "cross" intersections. +
+
Flex containers +
+ Because flex items do not span across flex lines, + there are no visible "T" intersections caused by spanning items, + so in practice this is identical to ''column-rule-break/none''. +
+
Multicol containers +
+ In order to preserve the traditional readability of text in columns, + 'column-rule-break' behaves as ''column-rule-break/intersection'', and + 'row-rule-break' behaves as ''row-rule-break/none''. +
+
intersection
@@ -378,8 +398,6 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
- Issue: Bikeshed these values. -
 		Name: rule-break
 		Value: <<'column-rule-break'>>
@@ -489,7 +507,7 @@ Pairing gap intersection points into segments
 						|break| is ''column-rule-break/none''.
 					
 					
  • - |break| is ''column-rule-break/spanning-item'', + |break| is ''column-rule-break/normal'', and |start| is not discontiguous with the first item in |endpoints|.
  • @@ -549,17 +567,17 @@ Pairing gap intersection points into segments
    -			.break-spanning-item-grid {
    +			.break-normal-grid {
     				display: grid;
     				grid-template: repeat(4, 100px) / repeat(4, 100px);
     				gap: 20px;
     				row-rule: 6px solid red;
     				column-rule: 6px solid blue;
    -				rule-break: spanning-item;
    +				rule-break: normal;
     			}
     		
    - +
    Grid gap decorations broken at gap intersection points that are not adjacent to spanning items. @@ -587,6 +605,25 @@ Pairing gap intersection points into segments
    +
    +
    +			.break-normal-multicol {
    +				gap: 10px;
    +				row-rule: 4px solid red;
    +				column-rule: 4px solid blue;
    +				rule-break: normal;
    +			}
    +		
    +
    + +
    + Multicol gap decorations with rule-break set to ''normal''. + Note that in the column direction it behaves as if rule-break were set to ''intersection'', + while in the row direction it behaves as if rule-break were set to ''none''. +
    +
    +
    +
     			.break-none-flex {
    @@ -610,7 +647,7 @@ Pairing gap intersection points into segments
     	
    Note: Because flexbox has no concept of spanning items, - ''column-rule-break/spanning-item'' on a flexbox has the same effect as + ''column-rule-break/normal'' on a flexbox has the same effect as ''column-rule-break/none''.
    @@ -1027,7 +1064,7 @@ Controlling Gap Decoration Visibility: The '*-rule-visibility-items' properties<
    -			.break-spanning-item-with-around-grid {
    +			.break-normal-with-around-grid {
     				display: grid;
     				grid-template: repeat(3, 100px) / repeat(3, 100px);
     				gap: 20px;
    @@ -1039,7 +1076,7 @@ Controlling Gap Decoration Visibility: The '*-rule-visibility-items' properties<
     		
    - Gap decorations with 'rule-break' ''column-rule-break/spanning-item'' and 'rule-visibility-items' ''column-rule-visibility-items/around''. + Gap decorations with 'rule-break' ''column-rule-break/normal'' and 'rule-visibility-items' ''column-rule-visibility-items/around''.
    diff --git a/css-gaps-1/images/example-break-spanning-item-grid.png b/css-gaps-1/images/example-break-normal-grid.png similarity index 100% rename from css-gaps-1/images/example-break-spanning-item-grid.png rename to css-gaps-1/images/example-break-normal-grid.png diff --git a/css-gaps-1/images/example-break-normal-multicol.png b/css-gaps-1/images/example-break-normal-multicol.png new file mode 100644 index 000000000000..4018bd4350a6 Binary files /dev/null and b/css-gaps-1/images/example-break-normal-multicol.png differ