Loading…
Dataset 20260827-2142-2f1b575 · measured 2026-08-27 21:42 UTC
border-image
✕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
- See individual properties
- Applies to
- See individual properties
- Inherited
- no
- Percentages
- N/A
- Computed value
- See individual properties
- Syntax
- <'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
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:linear-gradient(90deg,#f00,#00f)✕renders differently
Our renderChrome192 pixels differ from Chrome, the largest by 6 of 255 on one channel.
- Differing pixels
- 192
- Max channel delta
- 6
Which values were measured
“Supported” on one example means “supported at the value we tried”. The property’s declared grammar has 19 branches; 1 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 |
|---|---|
| linear-gradient(90deg,#f00,#00f) | ✕renders differently |
| 2 | not measured |
| 50% | not measured |
| 2 fill | not measured |
| 2 / 20px | not measured |
| 2 / 50% | not measured |
| 2 / 2 | not measured |
| 2 / auto | not measured |
| 2 / / 20px | not measured |
| 2 / 20px / 20px | not measured |
| 2 / 50% / 20px | not measured |
| 2 / 2 / 20px | not measured |
| 2 / auto / 20px | not measured |
| 2 / / 2 | not measured |
| stretch | not measured |
| repeat | not measured |
| round | not measured |
| space | not measured |
| 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