Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
border-block-start
✕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
- all elements except ruby base containers and ruby annotation containers
- Inherited
- no
- Percentages
- N/A
- Computed value
- see individual properties
- Syntax
- <line-width> || <line-style> || <color>
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-block-start:20px✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-block-start:thin✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-block-start:medium✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-block-start:thick✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-block-start:hidden✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-block-start:#e07a1f✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-block-start:none✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-block-start:dotted✕renders differently
Our renderChrome95 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 95
- Max channel delta
- 204
border-block-start:dashed≈below the visible threshold
Our renderChrome8 pixels differ from Chrome, the largest by 2 of 255 on one channel.
- Differing pixels
- 8
- Max channel delta
- 2
border-block-start:solid✕renders differently
Our renderChrome20 pixels differ from Chrome, the largest by 49 of 255 on one channel.
- Differing pixels
- 20
- Max channel delta
- 49
border-block-start:double✕renders differently
Our renderChrome16 pixels differ from Chrome, the largest by 39 of 255 on one channel.
- Differing pixels
- 16
- Max channel delta
- 39
border-block-start:groove✕renders differently
Our renderChrome808 pixels differ from Chrome, the largest by 154 of 255 on one channel.
- Differing pixels
- 808
- Max channel delta
- 154
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 16 branches; 12 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 |
|---|---|
| 20px | ✓pixel-exact |
| hairline | not measured |
| thin | ✓pixel-exact |
| medium | ✓pixel-exact |
| thick | ✓pixel-exact |
| hidden | ✓pixel-exact |
| dotted | ✕renders differently |
| dashed | ≈below the visible threshold |
| solid | ✕renders differently |
| double | ✕renders differently |
| groove | ✕renders differently |
| ridge | not measured |
| inset | not measured |
| outset | not measured |
| #e07a1f | ✓pixel-exact |
| 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