Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
border-top-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
- none
- Applies to
- all elements except ruby base containers and ruby annotation containers
- Inherited
- no
- Percentages
- N/A
- Computed value
- specified keyword
- Syntax
- <line-style>
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-top-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-top-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-top-style:groove✕renders differently
Our renderChrome234 pixels differ from Chrome, the largest by 84 of 255 on one channel.
- Differing pixels
- 234
- Max channel delta
- 84
border-top-style:ridge✕renders differently
Our renderChrome232 pixels differ from Chrome, the largest by 84 of 255 on one channel.
- Differing pixels
- 232
- Max channel delta
- 84
border-top-style:inset✕renders differently
Our renderChrome238 pixels differ from Chrome, the largest by 51 of 255 on one channel.
- Differing pixels
- 238
- Max channel delta
- 51
border-top-style:outset✕renders differently
Our renderChrome236 pixels differ from Chrome, the largest by 84 of 255 on one channel.
- Differing pixels
- 236
- Max channel delta
- 84
border-top-style:dotted✕renders differently
Our renderChrome179 pixels differ from Chrome, the largest by 153 of 255 on one channel.
- Differing pixels
- 179
- Max channel delta
- 153
border-top-style:double✕renders differently
Our renderChrome90 pixels differ from Chrome, the largest by 153 of 255 on one channel.
- Differing pixels
- 90
- Max channel delta
- 153
border-top-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-top-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 | ✕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