edits per review

Author: estelle

files/en-us/web/css/reference/properties/column-rule-color/index.md

@@ -7,7 +7,7 @@ browser-compat: css.properties.column-rule-color
 sidebar: cssref
 ---
 
-The **`column-rule-color`** [CSS](/en-US/docs/Web/CSS) property defines the colors of the lines drawn between columns in multi-column grid, flex, and multi-column layouts.
+The **`column-rule-color`** [CSS](/en-US/docs/Web/CSS) property defines the colors of the lines drawn between columns in multi-column grid, flex, and multi-col layouts.
 
 {{InteractiveExample("CSS Demo: column-rule-color")}}
 
@@ -125,7 +125,7 @@ The `repeat()` function also accepts `auto` as the first argument instead of a p
 column-rule-color: blue, repeat(auto, yellow), red;
 ```
 
-In this case, the first column-rule will be blue, the last will be red, and all others will be yellow. It doesn't matter if the container has; the first will always be blue and, as long as there are at least two column-rules, the last will always be red. All the other rules will be yellow, which means if there are only 2 or 3 columns, there will be no yellow lines.
+In this case, the first column-rule will be blue, the last will be red, and all others will be yellow. As long as there are at least two column-rules, the first will always be blue and the last will always be red. All the other rules will be yellow, which means if there are only 2 or 3 columns, there will be no yellow lines.
 
 The `auto` keyword within the `repeat()` function creates an auto-repeater that fills in values for the column-rule line colors that would not otherwise receive values from other parts of the list, preventing the list from being cycled. A `column-rule-color` value can include, at most, one `repeat(auto, <color>)`.
 

files/en-us/web/css/reference/properties/column-rule-style/index.md

@@ -12,7 +12,7 @@ The **`column-rule-style`** [CSS](/en-US/docs/Web/CSS) property defines the line
 {{InteractiveExample("CSS Demo: column-rule-style")}}
 
 ```css interactive-example-choice
-column-rule-style: ridge;
+column-rule-style: dotted;
 ```
 
 ```css interactive-example-choice
@@ -34,20 +34,19 @@ column-rule-style: hidden;
 ```html interactive-example
 <section id="default-example">
   <p id="example-element">
-    London. Michaelmas term lately over, and the Lord Chancellor sitting in
-    Lincoln's Inn Hall. Implacable November weather. As much mud in the streets
-    as if the waters had but newly retired from the face of the earth, and it
-    would not be wonderful to meet a Megalosaurus, forty feet long or so,
-    waddling like an elephantine lizard up Holborn Hill.
+    London. Noel term lately over, and the Lord George sitting in Lincoln's Inn
+    Hall. Great May weather. As much mud in the streets as if the waters had but
+    newly retired from the face of the earth, and it would not be weird to meet
+    an platypus, two feet long or so, waddling like an lizard up Morgan Hill.
   </p>
 </section>
 ```
 
 ```css interactive-example
 #example-element {
-#example-element {
-  columns: 7;
-  column-rule: solid thick teal;
+  columns: 6;
+  column-rule-width: thick;
+  column-rule-color: teal;
   gap: 7px;
 }
 ```
@@ -236,8 +235,6 @@ This example demonstrates using the `repeat()` function within the `column-rule-
 
 ```css live-sample___func live-sample___auto
 ul {
-  --base: 0.5vw;
-  --secondary: 1vw;
   column-rule-style: solid, repeat(3, inset, outset), solid;
 }
 ```

files/en-us/web/css/reference/properties/column-rule-width/index.md

@@ -34,19 +34,19 @@ column-rule-width: 10px, repeat(auto, 1px, 2px), 10px;
 ```html interactive-example
 <section id="default-example">
   <p id="example-element">
-    London. Michaelmas term lately over, and the Lord Chancellor sitting in
-    Lincoln's Inn Hall. Implacable November weather. As much mud in the streets
-    as if the waters had but newly retired from the face of the earth, and it
-    would not be wonderful to meet a Megalosaurus, forty feet long or so,
-    waddling like an elephantine lizard up Holborn Hill.
+    London. Noel term lately over, and the Lord George sitting in Lincoln's Inn
+    Hall. Great May weather. As much mud in the streets as if the waters had but
+    newly retired from the face of the earth, and it would not be weird to meet
+    an platypus, two feet long or so, waddling like an lizard up Morgan Hill.
   </p>
 </section>
 ```
 
 ```css interactive-example
 #example-element {
-  columns: 7;
-  column-rule: solid teal;
+  columns: 6;
+  column-rule-style: solid;
+  column-rule-color: teal;
   gap: 7px;
 }
 ```
@@ -128,18 +128,11 @@ You can use any `<line-width>` values, including custom properties that resolve
 
 ```css
 column-rule-width:
-  1rem,
-  min(calc(var(--base) - 3px), 10px),
-  abs(calc(var(--secondary) - 30px)),
-  min(calc(var(--base) - 3px), 10px),
-  abs(calc(var(--secondary) - 30px)),
-  min(calc(var(--base) - 3px), 10px),
-  abs(calc(var(--secondary) - 30px)),
-  min(calc(var(--base) - 3px), 10px),
-  abs(calc(var(--secondary) - 30px)),
-  min(calc(var(--base) - 3px), 10px),
-  abs(calc(var(--secondary) - 30px)),
-  thin;
+  1rem, min(calc(var(--base) - 3px), 10px), abs(calc(var(--secondary) - 30px)),
+  min(calc(var(--base) - 3px), 10px), abs(calc(var(--secondary) - 30px)),
+  min(calc(var(--base) - 3px), 10px), abs(calc(var(--secondary) - 30px)),
+  min(calc(var(--base) - 3px), 10px), abs(calc(var(--secondary) - 30px)),
+  min(calc(var(--base) - 3px), 10px), abs(calc(var(--secondary) - 30px)), thin;
 column-rule-width:
   1rem,
   repeat(

files/en-us/web/css/reference/properties/row-rule-style/index.md

@@ -201,8 +201,6 @@ This example demonstrates using the `repeat()` function within the `row-rule-sty
 
 ```css live-sample___func live-sample___auto
 ul {
-  --base: 0.5vw;
-  --secondary: 1vw;
   row-rule-style: double, repeat(3, inset, dashed), double;
 }
 ```

files/en-us/web/css/reference/values/line-style/index.md

@@ -8,7 +8,7 @@ spec-urls: https://drafts.csswg.org/css-backgrounds/#typedef-line-style
 sidebar: cssref
 ---
 
-The **`<line-style>`** {{glossary("enumerated")}} value type represents keyword values that define the style of a line, or the lack of a line. The `<line-style>` keyword values are used in the following longhand and shorthand [border](/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders) and [column](/en-US/docs/Web/CSS/Guides/Multicol_layout) properties:
+The **`<line-style>`** {{glossary("enumerated")}} value type represents keyword values that define the style of a line, or the lack of a line. The `<line-style>` keyword values are used in the following longhand and shorthand [border](/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders) and [gap decoration](/en-US/docs/Web/CSS/Guides/Gaps) properties:
 
 - {{cssxref("border")}}, {{cssxref("border-style")}}
 - {{cssxref("border-block")}}, {{cssxref("border-block-style")}}
@@ -22,6 +22,7 @@ The **`<line-style>`** {{glossary("enumerated")}} value type represents keyword
 - {{cssxref("border-right")}}, {{cssxref("border-right-style")}}
 - {{cssxref("border-top")}}, {{cssxref("border-top-style")}}
 - {{cssxref("column-rule")}}, {{cssxref("column-rule-style")}}
+- {{cssxref("row-rule")}}, {{cssxref("row-rule-style")}}
 
 ## Syntax
 
@@ -271,4 +272,5 @@ Notice that the almost-black color of `#000001` may be different from the actual
 
 - [CSS backgrounds and borders](/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders) module
 - [CSS basic user interface](/en-US/docs/Web/CSS/Guides/Basic_user_interface) module
+- [CSS gaps](/en-US/docs/Web/CSS/Guides/Gaps) module
 - [CSS multi-column layout](/en-US/docs/Web/CSS/Guides/Multicol_layout) module