Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ writing-mode: vertical-lr;
## Syntax

```css
/* <'border-width'> values */
/* <'line-width'> values */
border-block-end-width: 5px;
border-block-end-width: thick;

Expand All @@ -70,8 +70,8 @@ Related properties are {{cssxref("border-block-start-width")}}, {{cssxref("borde

### Values

- `<'border-width'>`
- : The width of the border. See {{ cssxref("border-width") }}.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

FYI, changed ll instances of nonnegative to non-negative. The vast majority of MDN uses this form.


## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ Related properties are {{cssxref("border-block-start")}}, {{cssxref("border-inli

The `border-block-end` is specified with one or more of the following, in any order:

- `<'border-width'>`
- {{cssxref("line-width")}}
- : The width of the border. See {{cssxref("border-width")}}.
- `<'border-style'>`
- : The line style of the border. See {{cssxref("border-style")}}.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ writing-mode: vertical-lr;
## Syntax

```css
/* <'border-width'> values */
/* <'line-width'> values */
border-block-start-width: 5px;
border-block-start-width: thick;

Expand All @@ -70,8 +70,8 @@ Related properties are {{cssxref("border-block-end-width")}}, {{cssxref("border-

### Values

- `<'border-width'>`
- : The width of the border. See {{ cssxref("border-width") }}.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ Related properties are {{cssxref("border-block-end")}}, {{cssxref("border-inline

The `border-block-start` is specified with one or more of the following, in any order:

- `<'border-width'>`
- {{cssxref("line-width")}}
- : The width of the border. See {{cssxref("border-width")}}.
- `<'border-style'>`
- : The line style of the border. See {{cssxref("border-style")}}.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ direction: rtl;
## Syntax

```css
/* <'border-width'> values */
/* <'line-width'> values */
border-block-width: 5px;
border-block-width: thick;

Expand All @@ -66,8 +66,8 @@ border-block-width: unset;

### Values

- `<'border-width'>`
- : The width of the border. See {{ cssxref("border-width") }}.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ border-block: unset;

The `border-block` is specified with one or more of the following, in any order:

- `<'border-width'>`
- {{cssxref("line-width")}}
- : The width of the border. See {{cssxref("border-width")}}.
- `<'border-style'>`
- : The line style of the border. See {{cssxref("border-style")}}.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -73,14 +73,8 @@ border-bottom-width: unset;

### Values

- `<line-width>`
- : Defines the width of the border, either as an explicit nonnegative {{cssxref("&lt;length&gt;")}} or a keyword. If it's a keyword, it must be one of the following values:
- `thin`
- Same as `1px`.
- `medium`
- Same as `3px`.
- `thick`
- Same as `5px`.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ direction: rtl;
## Syntax

```css
/* <'border-width'> values */
/* <'line-width'> values */
border-inline-end-width: 2px;
border-inline-end-width: thick;

Expand All @@ -66,8 +66,8 @@ Related properties are {{cssxref("border-block-start-width")}}, {{cssxref("borde

### Values

- `<'border-width'>`
- : The width of the border. See {{ cssxref("border-width") }}.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ Related properties are {{cssxref("border-block-start")}}, {{cssxref("border-bloc

The `border-inline-end` is specified with one or more of the following, in any order:

- `<'border-width'>`
- {{cssxref("line-width")}}
- : The width of the border. See {{cssxref("border-width")}}.
- `<'border-style'>`

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The next case of this I saw was updated to {{cssxref("line-style")}} - is there a reason that this isn't? There are 5 or 6 of them.

- : The line style of the border. See {{cssxref("border-style")}}.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ direction: rtl;
## Syntax

```css
/* <'border-width'> values */
/* <'line-width'> values */
border-inline-start-width: 5px;
border-inline-start-width: thick;

Expand All @@ -66,8 +66,8 @@ Related properties are {{cssxref("border-block-start-width")}}, {{cssxref("borde

### Values

- `<'border-width'>`
- : The width of the border. See {{ cssxref("border-width") }}.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -77,9 +77,9 @@ Related properties are {{cssxref("border-block-start")}}, {{cssxref("border-bloc

The `border-inline-start` is specified with one or more of the following, in any order:

- `<'border-width'>`
- {{cssxref("line-width")}}
- : The width of the border. See {{cssxref("border-width")}}.
- `<'border-style'>`
- {{cssxref("line-style")}}
- : The line style of the border. See {{cssxref("border-style")}}.
- {{CSSXref("&lt;color&gt;")}}
- : The color of the border.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ direction: rtl;
## Syntax

```css
/* <'border-width'> values */
/* <'line-width'> values */
border-inline-width: 5px 10px;
border-inline-width: 5px;
border-inline-width: thick;
Expand All @@ -67,8 +67,8 @@ border-inline-width: unset;

### Values

- `<'border-width'>`
- : The width of the border. See {{ cssxref("border-width") }}.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ border-inline: unset;

The `border-inline` is specified with one or more of the following, in any order:

- `<'border-width'>`
- {{cssxref("line-width")}}
- : The width of the border. See {{cssxref("border-width")}}.
- `<'border-style'>`
- : The line style of the border. See {{cssxref("border-style")}}.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -73,14 +73,8 @@ border-left-width: unset;

### Values

- `<line-width>`
- : Defines the width of the border, either as an explicit nonnegative {{cssxref("&lt;length&gt;")}} or a keyword. If it's a keyword, it must be one of the following values:
- `thin`
- Same as `1px`.
- `medium`
- Same as `3px`.
- `thick`
- Same as `5px`.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -73,14 +73,8 @@ border-right-width: unset;

### Values

- `<line-width>`
- : Defines the width of the border, either as an explicit nonnegative {{cssxref("&lt;length&gt;")}} or a keyword. If it's a keyword, it must be one of the following values:
- `thin`
- Same as `1px`.
- `medium`
- Same as `3px`.
- `thick`
- Same as `5px`.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -73,14 +73,8 @@ border-top-width: unset;

### Values

- `<line-width>`
- : Defines the width of the border, either as an explicit nonnegative {{cssxref("&lt;length&gt;")}} or a keyword. If it's a keyword, it must be one of the following values:
- `thin`
- Same as `1px`.
- `medium`
- Same as `3px`.
- `thick`
- Same as `5px`.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
10 changes: 2 additions & 8 deletions files/en-us/web/css/reference/properties/border-width/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -97,14 +97,8 @@ The `border-width` property may be specified using one, two, three, or four valu

### Values

- `<line-width>`
- : Defines the width of the border, either as an explicit nonnegative {{cssxref("&lt;length&gt;")}} or a keyword. If it's a keyword, it must be one of the following values:
- `thin`
- Same as `1px`.
- `medium`
- Same as `3px`.
- `thick`
- Same as `5px`.
- {{cssxref("line-width")}}
- : Defines the width of the border, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -67,12 +67,12 @@ column-rule-width: revert-layer;
column-rule-width: unset;
```

The `column-rule-width` property is specified as a single `<'border-width'>` value.
The `column-rule-width` property is specified as a single `<'line-width'>` value.

### Values

- `<'border-width'>`
- : Is a keyword defined by {{ cssxref("border-width") }} describing the width of the rule. It may be either a {{cssxref("&lt;length&gt;")}} or one of the `thin`, `medium`, or `thick` keywords.
- {{cssxref("line-width")}}
- : An explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`, describing the width of the rule. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -76,11 +76,11 @@ column-rule: unset;
The `column-rule` property is specified as one, two, or three of the values listed below, in any order.

- `<'column-rule-width'>`
- : Is a {{cssxref("&lt;length&gt;")}} or one of the three keywords, `thin`, `medium`, or `thick`. See {{cssxref("border-width")}} for details.
- : A {{cssxref("line-width")}}, being either a {{cssxref("&lt;length&gt;")}} or one of the keywords, `hairline`, `thin`, `medium`, or `thick`. See {{cssxref("column-rule-width")}}.

@hamishwillee hamishwillee Jul 3, 2026

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@estelle hairline appears to be in the spec, but one of your commits removed most of them. I still see a few, like this one. Most important, I see it as an allowed value.

What's the story - hairline only allowed in some properties? Or perhaps only currently supported in some properties?

- `<'column-rule-style'>`
- : See {{cssxref("border-style")}} for possible values and details.
- : A {{cssxref("line-style")}} keyword value. See {{cssxref("border-style")}}.
- `<'column-rule-color'>`
- : Is a {{cssxref("&lt;color&gt;")}} value.
- : A {{cssxref("&lt;color&gt;")}} value. See {{cssxref("column-rule-color")}}.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -70,14 +70,8 @@ The `outline-width` property is specified as any one of the values listed below.

### Values

- {{cssxref("&lt;length&gt;")}}
- : The width of the outline specified as a `<length>`.
- `thin`
- : Depends on the user agent. Typically equivalent to `1px` in desktop browsers (including Firefox).
- `medium`
- : Depends on the user agent. Typically equivalent to `3px` in desktop browsers (including Firefox).
- `thick`
- : Depends on the user agent. Typically equivalent to `5px` in desktop browsers (including Firefox).
- {{cssxref("line-width")}}
- : Defines the width of the outline, either as an explicit non-negative {{cssxref("&lt;length&gt;")}} or the keywords `thin`, `medium`, or `thick`. The default is `medium`.

## Formal definition

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ The `outline` property may be specified using one, two, or three of the values l
### Values

- `<'outline-width'>`
- : Sets the thickness of the outline. Defaults to `medium` if absent. See {{cssxref("outline-width")}}.
- : A {{cssxref("line-width")}} value setting the thickness of the outline. Defaults to `medium` if absent. See {{cssxref("outline-width")}}.
- `<'outline-style'>`
- : Sets the style of the outline. Defaults to `none` if absent. See {{cssxref("outline-style")}}.
- `<'outline-color'>`
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/css/reference/values/data_types/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -192,6 +192,7 @@ The [CSS shapes](/en-US/docs/Web/CSS/Guides/Shapes) and [CSS borders and box dec
- {{cssxref("length")}}
- {{cssxref("length-percentage")}}
- {{cssxref("line-style")}}
- {{cssxref("line-width")}}
- {{cssxref("named-color")}}
- {{cssxref("number")}}
- {{cssxref("overflow_value", "&lt;overflow&gt;")}}
Expand Down
1 change: 1 addition & 0 deletions files/en-us/web/css/reference/values/line-style/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -269,6 +269,7 @@ Notice that the almost-black color of `#000001` may be different from the actual

## See also

- {{cssxref("line-width")}} data type
- [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 multi-column layout](/en-US/docs/Web/CSS/Guides/Multicol_layout) module
Loading