Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
border-image-width
◐matches Chrome on some values3 of 8 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: 3 of 8 examples match Chrome. The 5 that do not: border-image-width:auto, border-image-width:40%, border-image-width:4px, border-image-width:0.4, border-image-width:calc(40% + 20px) — shown first below, each with its difference map.
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
8 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.
border-image-width:auto✕renders differently
Our renderChrome35,572 pixels differ from Chrome, the largest by 255 of 255 on one channel.
- Differing pixels
- 35,572
- Max channel delta
- 255
border-image-width:40%✕renders differently
Our renderChrome42,112 pixels differ from Chrome, the largest by 255 of 255 on one channel.
- Differing pixels
- 42,112
- Max channel delta
- 255
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 renderChrome6,781 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 6,781
- Max channel delta
- 204
border-image-width:calc(40% + 20px)✕renders differently
Our renderChrome39,954 pixels differ from Chrome, the largest by 255 of 255 on one channel.
- Differing pixels
- 39,954
- Max channel delta
- 255
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: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
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-10-11, with up to 40 candidate values tried per property. All properties · How the measurement works