Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
border-top
◐matches Chrome on some values8 of 12 examples match Chromecss-borders-4
Some of the examples match Chrome and some do not. The count beside the verdict says how many — 11 of 12 — and the values that differ are listed on the property page. It is neither a pass nor a failure, and filing it under either would be a lie in one direction.
Here: 8 of 12 examples match Chrome. The 4 that do not: border-top:dotted, border-top:solid, border-top:double, border-top:groove — shown first below, each with its difference map.
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
12 examples, 8 of them matching Chrome, the rest first. Each is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
border-top: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-top: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-top: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-top: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
border-top: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-top:thin✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-top:medium✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-top:thick✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-top: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:#e07a1f✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-top: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: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
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-10-11, with up to 40 candidate values tried per property. All properties · How the measurement works