Skip to content
This repository was archived by the owner on Feb 27, 2026. It is now read-only.

Commit 8090872

Browse files
Revise border-inline documentation for clarity
Updated the description and examples for the border-inline property to clarify its usage and parameters.
1 parent f40e272 commit 8090872

1 file changed

Lines changed: 18 additions & 18 deletions

File tree

content/css/concepts/background/terms/border-inline/border-inline.md

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,53 @@
11
---
22
Title: 'border-inline'
3-
Description: 'Shorthand property that defines the width, color, and style of the inline start and inline end borders of an element.'
3+
Description: 'Sets the width, style, and color of an element’s inline-start and inline-end borders.'
44
Subjects:
5-
- 'Web Development'
65
- 'Web Design'
6+
- 'Web Development'
77
Tags:
88
- 'Borders'
99
- 'Box Model'
1010
- 'Colors'
1111
CatalogContent:
1212
- 'learn-css'
1313
- 'paths/front-end-engineer-career-path'
14-
- 'paths/full-stack-engineer-career-path'
1514
---
1615

17-
Shorthand property that defines the width, color, and style of the inline start and inline end borders of an element.
18-
19-
The affected sides depend on the writing mode and text direction.
16+
The **`border-inline`** property is a shorthand property that sets the width, style, and color of an element’s inline-start and inline-end borders. The physical sides affected depend on the writing mode and text direction.
2017

2118
## Syntax
2219

23-
```css
20+
```pseudo
2421
border-inline: <value>;
2522
```
2623

27-
By default, `border-inline` will have a style of `none` and a width of `medium`.
28-
The default color is the value of the `color` property.
24+
**Parameters:**
25+
26+
- `<value>`: May include one or more of the following, in any order:
27+
- `<line-width>`: Sets the border thickness (e.g., `1px`, `thin`, `medium`, `thick`).
28+
- `<line-style>`: Sets the border style (e.g., `solid`, `dashed`, `dotted`, `double`, `none`).
29+
- `<color>`: Sets the border color (e.g., `red`, `#333`, `rgb(0 0 0)`).
30+
- **Global values:** `inherit`, `initial`, `revert`, `revert-layer`, `unset`.
2931

30-
`<value>` can be one of the following:
32+
If a single value is provided, it applies to both inline-start and inline-end borders.
3133

32-
- `border-style` defines the appearance of the border.
33-
- `border-width` defines the thickness of the border.
34-
- `border-color` defines the color of the border.
34+
**Return value:**
3535

36-
> **Note:** Values can be provided in any order.
36+
None. Sets the computed values of `border-inline-start` and `border-inline-end`.
3737

38-
## Example
38+
## Example 1
3939

40-
Set the inline borders of the `p` element to be blue, 2 pixels thick, and solid:
40+
The following example sets the inline borders of the `p` element to be blue, 2 pixels thick, and solid:
4141

4242
```css
4343
p {
4444
border-inline: 2px solid blue;
4545
}
4646
```
4747

48-
## Example
48+
## Example 2
4949

50-
Set the inline borders of the `div` element to be red, 5 pixels thick, and dashed:
50+
The following example set the inline borders of the `div` element to be red, 5 pixels thick, and dashed:
5151

5252
```css
5353
div {

0 commit comments

Comments
 (0)