Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
border-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,4}
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-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-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-style:groove✕renders differently
Our renderChrome41 pixels differ from Chrome, the largest by 27 of 255 on one channel.
- Differing pixels
- 41
- Max channel delta
- 27
border-style:ridge✕renders differently
Our renderChrome41 pixels differ from Chrome, the largest by 27 of 255 on one channel.
- Differing pixels
- 41
- Max channel delta
- 27
border-style:inset✕renders differently
Our renderChrome43 pixels differ from Chrome, the largest by 27 of 255 on one channel.
- Differing pixels
- 43
- Max channel delta
- 27
border-style:outset✕renders differently
Our renderChrome44 pixels differ from Chrome, the largest by 27 of 255 on one channel.
- Differing pixels
- 44
- Max channel delta
- 27
border-style:dotted≈below the visible threshold
Our renderChrome423 pixels differ from Chrome, the largest by 3 of 255 on one channel.
- Differing pixels
- 423
- Max channel delta
- 3
border-style:double✕renders differently
Our renderChrome38 pixels differ from Chrome, the largest by 10 of 255 on one channel.
- Differing pixels
- 38
- Max channel delta
- 10
border-style:dashed≈below the visible threshold
Our renderChrome1 pixels differ from Chrome, the largest by 3 of 255 on one channel.
- Differing pixels
- 1
- Max channel delta
- 3
border-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 | ≈below the visible threshold |
| dashed | ≈below the visible threshold |
| solid | ✓pixel-exact |
| double | ✕renders differently |
| groove | ✕renders differently |
| ridge | ✕renders differently |
| inset | ✕renders differently |
| outset | ✕renders differently |
| 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