Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
border-image-width
✕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
- 1
- Applies to
- All elements, except internal table elements when border-collapse is collapse
- Inherited
- no
- Percentages
- Relative to width/height of the border image area
- Computed value
- four values, each either a number, the keyword auto, or a computed <length-percentage> value
- Syntax
- [ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}
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-image-width:50%≈below the visible threshold
Our renderChrome31,851 pixels differ from Chrome, the largest by 1 of 255 on one channel.
- Differing pixels
- 31,851
- Max channel delta
- 1
border-image-width:auto✕renders differently
Our renderChrome35,086 pixels differ from Chrome, the largest by 255 of 255 on one channel.
- Differing pixels
- 35,086
- Max channel delta
- 255
border-image-width:2≈below the visible threshold
Our renderChrome30,073 pixels differ from Chrome, the largest by 2 of 255 on one channel.
- Differing pixels
- 30,073
- Max channel delta
- 2
border-image-width:20px✓pixel-exact
Our renderChrome17,736 pixels differ from Chrome, the largest by 3 of 255 on one channel.
- Differing pixels
- 17,736
- Max channel delta
- 3
border-image-width:40%✕renders differently
Our renderChrome38,476 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 38,476
- Max channel delta
- 204
border-image-width:4px✕renders differently
Our renderChrome1,975 pixels differ from Chrome, the largest by 13 of 255 on one channel.
- Differing pixels
- 1,975
- Max channel delta
- 13
border-image-width:0.4✕renders differently
Our renderChrome7,219 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 7,219
- Max channel delta
- 204
border-image-width:calc(40% + 20px)✕renders differently
Our renderChrome36,620 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 36,620
- Max channel delta
- 204
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 4 branches; 4 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 | ✕renders differently |
| 50% | ✕renders differently |
| 2 | ✕renders differently |
| auto | ✕renders differently |
Tests in the suite that name this property
Secondary evidence: 1 Web Platform Test carry a spec anchor pointing at this property. Only 1,254 tests in the whole corpus carry such an anchor, so an empty list here means nothing at all.
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