Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
outline
◐matches Chrome on some values3 of 9 examples match Chromecss-ui-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: 3 of 9 examples match Chrome. The 6 that do not: outline:groove, outline:ridge, outline:inset, outline:outset, outline:auto, outline:dotted — shown first below, each with its difference map.
What the specification says
- Initial value
- see individual properties
- Applies to
- all elements
- Inherited
- no
- Percentages
- N/A
- Computed value
- see individual properties
- Syntax
- <'outline-width'> || <'outline-style'> || <'outline-color'>
The measurements
9 examples, 3 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.
outline:groove✕renders differently
Our renderChrome1 pixels differ from Chrome, the largest by 84 of 255 on one channel.
- Differing pixels
- 1
- Max channel delta
- 84
outline:ridge✕renders differently
Our renderChrome2 pixels differ from Chrome, the largest by 84 of 255 on one channel.
- Differing pixels
- 2
- Max channel delta
- 84
outline:inset✕renders differently
Our renderChrome7 pixels differ from Chrome, the largest by 84 of 255 on one channel.
- Differing pixels
- 7
- Max channel delta
- 84
outline:outset✕renders differently
Our renderChrome7 pixels differ from Chrome, the largest by 84 of 255 on one channel.
- Differing pixels
- 7
- Max channel delta
- 84
outline:auto✕parsed, no effect
Our renderChrome1,896 pixels differ from Chrome, the largest by 51 of 255 on one channel.
- Differing pixels
- 1,896
- Max channel delta
- 51
outline:dotted✕renders differently
Our renderChrome436 pixels differ from Chrome, the largest by 255 of 255 on one channel.
- Differing pixels
- 436
- Max channel delta
- 255
outline:solid✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
outline:dashed✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
outline:double✓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 17 branches; 9 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 | not measured |
| hairline | not measured |
| thin | not measured |
| medium | not measured |
| thick | not measured |
| dotted | ✕renders differently |
| dashed | ✓pixel-exact |
| solid | ✓pixel-exact |
| double | ✓pixel-exact |
| groove | ✕renders differently |
| ridge | ✕renders differently |
| inset | ✕renders differently |
| outset | ✕renders differently |
| #e07a1f | not measured |
| linear-gradient(90deg,#f00,#00f) | not measured |
| auto | ✕parsed, no effect |
| none | not measured |
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