Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
outline
✕parsed, no effectcss-ui-4
The parser accepts the name, yet our rendering is byte-identical with and without the declaration while Chrome's is not. The declaration is being swallowed.
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
Each example is one declaration on a small page, drawn by Chrome and by our engine. Drag the handle to wipe between them.
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: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: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
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
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-08-27, with up to 40 candidate values tried per property. All properties · How the measurement works