New pages: row-rule, -style, and -width#44725

estelle · 2026-07-15T12:25:33Z

This PR includes three new pages:

row-rule
row-rule-style
row-rule-width

The CSS gaps module page is already live.
The row-rule-color is merged. (#44549)
This page is already linked to from those two pages and from row-rule-visibility-items

Part of openwebdocs/project#238

github-actions · 2026-07-15T12:27:12Z

Preview URLs (3 pages)

Flaws (15)

Found an unexpected or unresolvable flaw? Please report it here.

URL: /en-US/docs/Web/CSS/Reference/Properties/row-rule
Title: row-rule CSS property
Flaw count: 4

macros:
- Macro cssxref produces link /en-US/docs/Web/CSS/line-width which doesn't resolve
- Macro cssxref produces link /en-US/docs/Web/CSS/rule which doesn't resolve
- Macro csssyntax produces link /en-US/docs/Web/CSS/Reference/Values/number-token which doesn't resolve
- Macro cssxref produces link /en-US/docs/Web/CSS/rule which doesn't resolve

URL: /en-US/docs/Web/CSS/Reference/Properties/row-rule-style
Title: row-rule-style CSS property
Flaw count: 4

macros:
- Macro cssxref produces link /en-US/docs/Web/CSS/rule-style which doesn't resolve
- Macro csssyntax produces link /en-US/docs/Web/CSS/Reference/Values/number-token which doesn't resolve
- Macro cssxref produces link /en-US/docs/Web/CSS/rule-style which doesn't resolve
- Macro cssxref produces link /en-US/docs/Web/CSS/rule which doesn't resolve

URL: /en-US/docs/Web/CSS/Reference/Properties/row-rule-width
Title: row-rule-width CSS property
Flaw count: 7

macros:
- Macro cssxref produces link /en-US/docs/Web/CSS/line-width which doesn't resolve
- Macro cssxref produces link /en-US/docs/Web/CSS/line-width which doesn't resolve
- Macro cssxref produces link /en-US/docs/Web/CSS/rule-width which doesn't resolve
- Macro cssxref produces link /en-US/docs/Web/CSS/line-width which doesn't resolve
- Macro csssyntax produces link /en-US/docs/Web/CSS/Reference/Values/number-token which doesn't resolve
- and 2 more flaws omitted

(comment last updated: 2026-07-18 20:53:44)

Corrected minor grammatical errors and improved clarity in the explanations regarding the 'row-rule' property and its usage.

Corrected minor grammatical issues and improved clarity in the documentation for the 'row-rule-width' CSS property.

Corrected minor grammatical errors and formatting issues in the documentation for the `row-rule-style` CSS property.

Removed unused CSS variables from the example.

chrisdavidmills

Looking good, @estelle. I've made a bunch of comments, but these are largely grammar fixes and suchlike. Nothing too serious.

chrisdavidmills · 2026-07-16T11:36:27Z

+
+- `<gap-rule>`
+  - : Specified as one, two, or three of the values listed below, in any order.
+    - `<'line-width'>`


The formatting of this inner DL is broken; the spacing needs some adjustment.

it looks good on my end. Please double check for me though before approving.
line-width will stop being red after #44597

chrisdavidmills · 2026-07-16T11:36:56Z

+- `<gap-rule>`
+  - : Specified as one, two, or three of the values listed below, in any order.
+    - `<'line-width'>`
+      - : Is a {{cssxref("&lt;line-width&gt;")}}; a positive {{cssxref("&lt;length&gt;")}} or one of the three keywords, `thin`, `medium`, or `thick`. The default value is `medium. See {{cssxref("row-rule-width")}}.


Suggested change

- : Is a {{cssxref("<line-width>")}}; a positive {{cssxref("<length>")}} or one of the three keywords, `thin`, `medium`, or `thick`. The default value is `medium. See {{cssxref("row-rule-width")}}.

- : A {{cssxref("<line-width>")}}: a positive {{cssxref("<length>")}} or one of the three keywords, `thin`, `medium`, or `thick`. The default value is `medium. See {{cssxref("row-rule-width")}}.

chrisdavidmills · 2026-07-16T11:37:38Z

+    - `<'line-width'>`
+      - : Is a {{cssxref("&lt;line-width&gt;")}}; a positive {{cssxref("&lt;length&gt;")}} or one of the three keywords, `thin`, `medium`, or `thick`. The default value is `medium. See {{cssxref("row-rule-width")}}.
+    - `<'line-style'>`
+    - : A {{cssxref("&lt;line-style&gt;")}}, either `none`, `hidden`, `dotted`, `dashed`, `solid`, `double`, `groove`, `ridge`, `inset`, or `outset`. The default value is `none`. {{cssxref("row-rule-style")}}


Suggested change

- : A {{cssxref("<line-style>")}}, either `none`, `hidden`, `dotted`, `dashed`, `solid`, `double`, `groove`, `ridge`, `inset`, or `outset`. The default value is `none`. {{cssxref("row-rule-style")}}

- : A {{cssxref("<line-style>")}}: one of `none`, `hidden`, `dotted`, `dashed`, `solid`, `double`, `groove`, `ridge`, `inset`, or `outset`. The default value is `none`. See {{cssxref("row-rule-style")}}.

chrisdavidmills · 2026-07-16T11:38:39Z

+    - `<'line-style'>`
+    - : A {{cssxref("&lt;line-style&gt;")}}, either `none`, `hidden`, `dotted`, `dashed`, `solid`, `double`, `groove`, `ridge`, `inset`, or `outset`. The default value is `none`. {{cssxref("row-rule-style")}}
+    - `<'color'>`
+    - : A {{cssxref("&lt;color&gt;")}} value representing the color of the line. The default value is `currentcolor`. {{cssxref("row-rule-color")}}


Suggested change

- : A {{cssxref("<color>")}} value representing the color of the line. The default value is `currentcolor`. {{cssxref("row-rule-color")}}

- : A {{cssxref("<color>")}} value representing the color of the line. The default value is `currentcolor`. See {{cssxref("row-rule-color")}}.

chrisdavidmills · 2026-07-16T11:39:34Z

+  - : A {{cssxref("repeat()")}} function, with an {{cssxref("&lt;integer&gt;")}} of `1` or more as the first argument and one or more `<gap-rule>` values as subsequent arguments. The `<integer>` specifies how many times the list of `<gap-rule>` values should be repeated.
+
+- `<gap-auto-repeat-rule>`
+  - : A {{cssxref("repeat()")}} function, with `auto` as the first argument and one or more `<gap-rule>` values as subsequent arguments. The provided list of `<gap-rule>` values are repeated as many times as needed to fill in values for any row-rules that are not explicitly specified by other components of the property value.


Suggested change

- : A {{cssxref("repeat()")}} function, with `auto` as the first argument and one or more `<gap-rule>` values as subsequent arguments. The provided list of `<gap-rule>` values are repeated as many times as needed to fill in values for any row-rules that are not explicitly specified by other components of the property value.

- : A {{cssxref("repeat()")}} function, with `auto` as the first argument and one or more `<gap-rule>` values as subsequent arguments. The provided list of `<gap-rule>` values is repeated as many times as needed to fill in values for any row-rules that are not explicitly specified by other components of the property value.

chrisdavidmills · 2026-07-16T13:12:07Z

+  flex-flow: column;
+  gap: 5px;
+  row-rule-style: dashed;
+  row-rule-width: 3px;


List the row-rule-width declaration last and separated by a line to highlight it, like you did with row-rule-style on that page?

chrisdavidmills

Looking good, @estelle. I've made a bunch of comments, but these are largely grammar fixes and suchlike. Nothing too serious.

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

chrisdavidmills

@estelle, a few more bits for you to consider, but I'm approving so that you can merge when you're done looking.

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

New pages: row-rule, *-style, and *-width

45fec4d

estelle requested a review from a team as a code owner July 15, 2026 12:25

estelle requested review from chrisdavidmills and removed request for a team July 15, 2026 12:25

github-actions Bot added Content:CSS Cascading Style Sheets docs size/l [PR only] 501-1000 LoC changed labels Jul 15, 2026

estelle mentioned this pull request Jul 15, 2026

CSS Gaps 1 openwebdocs/project#238

Open

61 tasks

estelle marked this pull request as draft July 15, 2026 12:32

estelle and others added 7 commits July 15, 2026 15:17

grammar

5c0ce64

Corrected minor grammatical errors and improved clarity in the explanations regarding the 'row-rule' property and its usage.

grammar

fd1037d

Corrected minor grammatical issues and improved clarity in the documentation for the 'row-rule-width' CSS property.

grammar

ee9afd3

Corrected minor grammatical errors and formatting issues in the documentation for the `row-rule-style` CSS property.

nits

18bd98c

Merge branch 'main' into gaps5-rule-lines

0b41426

merge conflict

d935e47

mistake

031f457

estelle marked this pull request as ready for review July 15, 2026 13:35

estelle added 2 commits July 16, 2026 11:00

min() not minmax()

e6b7ff4

remove iunused variables

4c6550e

Removed unused CSS variables from the example.

chrisdavidmills requested changes Jul 16, 2026

View reviewed changes

hamishwillee mentioned this pull request Jul 17, 2026

Page updates: column-rule-* #44755

Open

estelle commented Jul 17, 2026

View reviewed changes

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

estelle commented Jul 17, 2026

View reviewed changes

Comment thread files/en-us/web/css/reference/properties/row-rule-width/index.md Outdated

estelle commented Jul 17, 2026

View reviewed changes

Comment thread files/en-us/web/css/reference/properties/row-rule-width/index.md Outdated

Apply suggestions from code review

d522586

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

estelle commented Jul 17, 2026

View reviewed changes

Comment thread files/en-us/web/css/reference/properties/row-rule/index.md Outdated

github-actions Bot reviewed Jul 17, 2026

View reviewed changes

Comment thread files/en-us/web/css/reference/properties/row-rule-width/index.md Outdated

estelle and others added 2 commits July 17, 2026 11:36

dl

dc9b5d9

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

4c805b2

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

estelle requested a review from chrisdavidmills July 17, 2026 09:59

chrisdavidmills approved these changes Jul 17, 2026

View reviewed changes

Apply suggestions from code review

220e9a3

Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>

estelle merged commit b13ef1f into main Jul 18, 2026
13 checks passed

estelle deleted the gaps5-rule-lines branch July 18, 2026 21:34

	- : Is a {{cssxref("<line-width>")}}; a positive {{cssxref("<length>")}} or one of the three keywords, `thin`, `medium`, or `thick`. The default value is `medium. See {{cssxref("row-rule-width")}}.
	- : A {{cssxref("<line-width>")}}: a positive {{cssxref("<length>")}} or one of the three keywords, `thin`, `medium`, or `thick`. The default value is `medium. See {{cssxref("row-rule-width")}}.

	- : A {{cssxref("<line-style>")}}, either `none`, `hidden`, `dotted`, `dashed`, `solid`, `double`, `groove`, `ridge`, `inset`, or `outset`. The default value is `none`. {{cssxref("row-rule-style")}}
	- : A {{cssxref("<line-style>")}}: one of `none`, `hidden`, `dotted`, `dashed`, `solid`, `double`, `groove`, `ridge`, `inset`, or `outset`. The default value is `none`. See {{cssxref("row-rule-style")}}.

	- : A {{cssxref("<color>")}} value representing the color of the line. The default value is `currentcolor`. {{cssxref("row-rule-color")}}
	- : A {{cssxref("<color>")}} value representing the color of the line. The default value is `currentcolor`. See {{cssxref("row-rule-color")}}.

	- : A {{cssxref("repeat()")}} function, with `auto` as the first argument and one or more `<gap-rule>` values as subsequent arguments. The provided list of `<gap-rule>` values are repeated as many times as needed to fill in values for any row-rules that are not explicitly specified by other components of the property value.
	- : A {{cssxref("repeat()")}} function, with `auto` as the first argument and one or more `<gap-rule>` values as subsequent arguments. The provided list of `<gap-rule>` values is repeated as many times as needed to fill in values for any row-rules that are not explicitly specified by other components of the property value.

Uh oh!

Conversation

estelle commented Jul 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented Jul 15, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

chrisdavidmills left a comment

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Jul 16, 2026

Choose a reason for hiding this comment

Uh oh!

estelle Jul 17, 2026

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Jul 16, 2026

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Jul 16, 2026

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Jul 16, 2026

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Jul 16, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

chrisdavidmills Jul 16, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

chrisdavidmills left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

chrisdavidmills left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

estelle commented Jul 15, 2026 •

edited

Loading

github-actions Bot commented Jul 15, 2026 •

edited

Loading