Loading…
Dataset 20261011-0550-f160c57 · measured 2026-10-11 05:50 UTC
border-shape
◐matches Chrome on some values10 of 12 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: 10 of 12 examples match Chrome. The 2 that do not: border-shape:ellipse(80px 40px), border-shape:inset(20px) margin-box — shown first below, each with its difference map.
What the specification says
- Initial value
- none
- Applies to
- all elements
- Inherited
- no
- Percentages
- see prose
- Computed value
- list, each item a computed color
- Syntax
- none | [ <basic-shape> <geometry-box>?]{1,2}
The measurements
12 examples, 10 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-shape:ellipse(80px 40px)✕renders differently
Our renderChrome117 pixels differ from Chrome, the largest by 132 of 255 on one channel.
- Differing pixels
- 117
- Max channel delta
- 132
border-shape:inset(20px) margin-box✕renders differently
Our renderChrome12,096 pixels differ from Chrome, the largest by 204 of 255 on one channel.
- Differing pixels
- 12,096
- Max channel delta
- 204
border-shape:circle(60px)≈below the visible threshold
Our renderChrome92 pixels differ from Chrome, the largest by 3 of 255 on one channel.
- Differing pixels
- 92
- Max channel delta
- 3
border-shape:inset(20px) content-box✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-shape:inset(20px) fill-box✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-shape:inset(20px) padding-box✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-shape:polygon(0 0, 100% 0, 50% 100%)≈below the visible threshold
Our renderChrome202 pixels differ from Chrome, the largest by 3 of 255 on one channel.
- Differing pixels
- 202
- Max channel delta
- 3
border-shape:inset(20px)✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-shape:inset(20px) half-border-box✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-shape:inset(20px) border-box✓pixel-exact
Our renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-shape:inset(20px) stroke-box✓pixel-exactOur renderChromeIdentical to Chrome: nothing differs, so there is no difference map to show.
- Differing pixels
- 0
- Max channel delta
- 0
border-shape:inset(20px) view-box✓pixel-exactOur 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 13 branches; 12 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 |
|---|---|
| inset(20px) | ✓pixel-exact |
| circle(60px) | ≈below the visible threshold |
| ellipse(80px 40px) | ✕renders differently |
| polygon(0 0, 100% 0, 50% 100%) | ≈below the visible threshold |
| inset(20px) content-box | ✓pixel-exact |
| inset(20px) padding-box | ✓pixel-exact |
| inset(20px) border-box | ✓pixel-exact |
| inset(20px) margin-box | ✕renders differently |
| inset(20px) half-border-box | ✓pixel-exact |
| inset(20px) fill-box | ✓pixel-exact |
| inset(20px) stroke-box | ✓pixel-exact |
| inset(20px) view-box | ✓pixel-exact |
| 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