Rename gap-rule-overlap to rule-overlap

kbabbitt · chromium-wpt-export-bot · commit f2ddc7be8b69 · 2026-02-06T11:24:49.000-08:00
Per CSSWG resolution: w3c/csswg-drafts#12540 Bug: 357648037 Change-Id: I47a615951b82c10b7c1b22d58bfbec6e14eac3c5 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7547470 Reviewed-by: Javier Contreras <javiercon@microsoft.com> Reviewed-by: Fredrik Söderquist <fs@opera.com> Commit-Queue: Kevin Babbitt <kbabbitt@microsoft.com> Cr-Commit-Position: refs/heads/main@{#1580966}
diff --git a/css/css-gaps/flex/flex-gap-decorations-012.html b/css/css-gaps/flex/flex-gap-decorations-012.html
@@ -21,7 +21,7 @@
         column-rule-style: solid;
         column-rule-color: red;
         column-rule-width: 2px;
-        gap-rule-overlap: column-over-row;
+        rule-overlap: column-over-row;
         width: 170px;
         flex-wrap: wrap;
     }
diff --git a/css/css-gaps/flex/flex-gap-decorations-015.html b/css/css-gaps/flex/flex-gap-decorations-015.html
@@ -25,7 +25,7 @@
         row-rule-style: solid;
         row-rule-color: blue;
         row-rule-width: 10px;
-        gap-rule-overlap: column-over-row;
+        rule-overlap: column-over-row;
     }
 
     .items {
diff --git a/css/css-gaps/flex/flex-gap-decorations-016.html b/css/css-gaps/flex/flex-gap-decorations-016.html
@@ -25,7 +25,7 @@
         row-rule-style: solid;
         row-rule-color: blue;
         row-rule-width: 10px;
-        gap-rule-overlap: column-over-row;
+        rule-overlap: column-over-row;
     }
 
     .items {
diff --git a/css/css-gaps/grid/grid-gap-decorations-023.html b/css/css-gaps/grid/grid-gap-decorations-023.html
@@ -25,7 +25,7 @@
         row-rule-width: 5px;
         column-rule-break: none;
         row-rule-break: none;
-        gap-rule-overlap: column-over-row;
+        rule-overlap: column-over-row;
     }
     .grid-item {
         background-color: gray;
diff --git a/css/css-gaps/grid/subgrid/subgrid-gap-decorations-017.html b/css/css-gaps/grid/subgrid/subgrid-gap-decorations-017.html
@@ -21,7 +21,7 @@
 
     column-rule: skyblue solid 10px;
     row-rule: cornflowerblue solid 10px;
-    gap-rule-overlap: row-over-column;
+    rule-overlap: row-over-column;
   }
 
   .subgrid {
@@ -36,7 +36,7 @@
     column-rule: green solid 10px;
     row-rule: blue solid 10px;
 
-    gap-rule-overlap: column-over-row;
+    rule-overlap: column-over-row;
   }
 
   .item {
diff --git a/css/css-gaps/multicol/multicol-gap-decorations-009.html b/css/css-gaps/multicol/multicol-gap-decorations-009.html
@@ -31,7 +31,7 @@
         column-width: 60px;
         column-count: 3;
         column-fill: auto;
-        gap-rule-overlap: column-over-row;
+        rule-overlap: column-over-row;
     }
 
     p {
diff --git a/css/css-gaps/multicol/multicol-gap-decorations-022.html b/css/css-gaps/multicol/multicol-gap-decorations-022.html
@@ -30,7 +30,7 @@
         column-rule-interior-inset-end: 0px;
         column-rule-edge-inset-end: -5px;
         row-rule-edge-inset-end: 5px;
-        gap-rule-overlap: column-over-row;
+        rule-overlap: column-over-row;
     }
     p {
         background: rgb(96 139 168 / 0.2);
diff --git a/css/css-gaps/multicol/multicol-gap-decorations-023.html b/css/css-gaps/multicol/multicol-gap-decorations-023.html
@@ -30,7 +30,7 @@
         column-rule-interior-inset-end: -8px;
         row-rule-edge-inset-start: -2px;
         row-rule-edge-inset-end: -1px;
-        gap-rule-overlap: column-over-row;
+        rule-overlap: column-over-row;
     }
     p {
         background: rgb(96 139 168 / 0.2);
diff --git a/css/css-gaps/parsing/rule-overlap-computed.html b/css/css-gaps/parsing/rule-overlap-computed.html
@@ -2,9 +2,9 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <title>CSS Gaps: gap-rule-overlap getComputedStyle()</title>
+  <title>CSS Gaps: rule-overlap getComputedStyle()</title>
   <link rel="author" title="Javier Contreras Tenorio" href="mailto:javiercon@microsoft.com">
-  <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#paint-order">
+  <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#overlap">
   <script src="/resources/testharness.js"></script>
   <script src="/resources/testharnessreport.js"></script>
   <script src="/css/support/computed-testcommon.js"></script>
@@ -13,8 +13,8 @@
 <body>
   <div id="target"></div>
   <script>
-    test_computed_value("gap-rule-overlap", "row-over-column");
-    test_computed_value("gap-rule-overlap", "column-over-row");
+    test_computed_value("rule-overlap", "row-over-column");
+    test_computed_value("rule-overlap", "column-over-row");
   </script>
 </body>
 </html>
diff --git a/css/css-gaps/parsing/rule-overlap-invalid.html b/css/css-gaps/parsing/rule-overlap-invalid.html
@@ -2,21 +2,21 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <title>CSS Gaps: parsing gap-rule-overlap with invalid values</title>
+  <title>CSS Gaps: parsing rule-overlap with invalid values</title>
   <link rel="author" title="Javier Contreras Tenorio" href="mailto:javiercon@microsoft.com">
-  <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#paint-order">
+  <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#overlap">
   <script src="/resources/testharness.js"></script>
   <script src="/resources/testharnessreport.js"></script>
   <script src="/css/support/parsing-testcommon.js"></script>
 </head>
 <body>
   <div id="target"></div>
   <script>
-    test_invalid_value('gap-rule-overlap', 'auto');
-    test_invalid_value('gap-rule-overlap', 'true');
-    test_invalid_value('gap-rule-overlap', 'none');
-    test_invalid_value('gap-rule-overlap', '10px');
-    test_invalid_value('gap-rule-overlap', '10%');
+    test_invalid_value('rule-overlap', 'auto');
+    test_invalid_value('rule-overlap', 'true');
+    test_invalid_value('rule-overlap', 'none');
+    test_invalid_value('rule-overlap', '10px');
+    test_invalid_value('rule-overlap', '10%');
   </script>
 </body>
 </html>
diff --git a/css/css-gaps/parsing/rule-overlap-valid.html b/css/css-gaps/parsing/rule-overlap-valid.html
@@ -2,18 +2,18 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <title>CSS Gaps: parsing gap-rule-overlap valid values</title>
+  <title>CSS Gaps: parsing rule-overlap valid values</title>
   <link rel="author" title="Javier Contreras Tenorio" href="mailto:javiercon@microsoft.com">
-  <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#paint-order">
+  <link rel="help" href="https://drafts.csswg.org/css-gaps-1/#overlap">
   <script src="/resources/testharness.js"></script>
   <script src="/resources/testharnessreport.js"></script>
   <script src="/css/support/parsing-testcommon.js"></script>
 </head>
 <body>
   <div id="target"></div>
   <script>
-    test_valid_value('gap-rule-overlap', 'row-over-column');
-    test_valid_value('gap-rule-overlap', 'column-over-row');
+    test_valid_value('rule-overlap', 'row-over-column');
+    test_valid_value('rule-overlap', 'column-over-row');
   </script>
 </body>
 </html>

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`column-rule-style: solid;`
`22`	`22`	`column-rule-color: red;`
`23`	`23`	`column-rule-width: 2px;`
`24`		`- gap-rule-overlap: column-over-row;`
	`24`	`+ rule-overlap: column-over-row;`
`25`	`25`	`width: 170px;`
`26`	`26`	`flex-wrap: wrap;`
`27`	`27`	`}`
Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@`
`25`	`25`	`row-rule-style: solid;`
`26`	`26`	`row-rule-color: blue;`
`27`	`27`	`row-rule-width: 10px;`
`28`		`- gap-rule-overlap: column-over-row;`
	`28`	`+ rule-overlap: column-over-row;`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`.items {`
Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@`
`31`	`31`	`column-width: 60px;`
`32`	`32`	`column-count: 3;`
`33`	`33`	`column-fill: auto;`
`34`		`- gap-rule-overlap: column-over-row;`
	`34`	`+ rule-overlap: column-over-row;`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`p {`
Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`	`column-rule-interior-inset-end: 0px;`
`31`	`31`	`column-rule-edge-inset-end: -5px;`
`32`	`32`	`row-rule-edge-inset-end: 5px;`
`33`		`- gap-rule-overlap: column-over-row;`
	`33`	`+ rule-overlap: column-over-row;`
`34`	`34`	`}`
`35`	`35`	`p {`
`36`	`36`	`background: rgb(96 139 168 / 0.2);`