Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
border-inline-style
✕renders differentlycss-borders-4
The property takes effect, but our pixels are not Chrome's. The difference map on this page shows where.
What the specification says
- Initial value
- see individual properties
- Applies to
- see individual properties
- Inherited
- see individual properties
- Percentages
- see individual properties
- Computed value
- see individual properties
- Syntax
- <'border-top-style'>{1,2}
The measurements
Each example is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
border-inline-style:hidden✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-inline-style:none✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-inline-style:groove≈below the visible threshold
Our renderChrome30 pixels differ from Chrome, the largest by 1 of 255 on one channel.
- Differing pixels
- 30
- Max channel delta
- 1
border-inline-style:ridge≈below the visible threshold
Our renderChrome30 pixels differ from Chrome, the largest by 1 of 255 on one channel.
- Differing pixels
- 30
- Max channel delta
- 1
border-inline-style:inset≈below the visible threshold
Our renderChrome30 pixels differ from Chrome, the largest by 1 of 255 on one channel.
- Differing pixels
- 30
- Max channel delta
- 1
border-inline-style:outset≈below the visible threshold
Our renderChrome30 pixels differ from Chrome, the largest by 1 of 255 on one channel.
- Differing pixels
- 30
- Max channel delta
- 1
border-inline-style:dotted✕renders differently
Our renderChrome205 pixels differ from Chrome, the largest by 153 of 255 on one channel.
- Differing pixels
- 205
- Max channel delta
- 153
border-inline-style:double✕renders differently
Our renderChrome192 pixels differ from Chrome, the largest by 153 of 255 on one channel.
- Differing pixels
- 192
- Max channel delta
- 153
border-inline-style:dashed✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-inline-style:solid✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 10 branches; 10 of them carry a measurement. The publishing ceiling is 12 examples per property — a branch past it is left out by our choice, not by accident.
| Value | Measured |
|---|---|
| hidden | ✓pixel-exact |
| dotted | ✕renders differently |
| dashed | ✓pixel-exact |
| solid | ✓pixel-exact |
| double | ✕renders differently |
| groove | ≈below the visible threshold |
| ridge | ≈below the visible threshold |
| inset | ≈below the visible threshold |
| outset | ≈below the visible threshold |
| none | ✓pixel-exact |
Measured against Chrome 148.0.7778.96 on 2026-08-27, with up to 40 candidate values tried per property. All properties · How the measurement works