WPT
wpt / css / css-masking / parsing / clip-path-shape-parsing.html
Spec: CSS Masking ↗
Runs: Chrome 155.0.8041.0 (wpt@4a01b83e3, 2026-09-04) | Firefox 157.0a1 (wpt@e7122b73f, 2026-09-04) | Safari 251 preview (wpt@2c385f65e, 2026-09-04) | Ladybird 1.0-70fb3 (wpt@4a01b83e3, 2026-09-04) | Servo Servo 0.6 (wpt@7e3d005d7, 2026-09-03) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 44/44 | 44/44 | 42/44 | 22/44 | 22/44 | 44/44 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['clip-path'] = "shape(from 0px 0px, line to 10px 10px)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(evenodd from 0px 0px, line to 10px 10px)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(nonzero from 0px 0px, line to 10px 10px)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape( from 0px 0px, line to 10px 10px )" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 1em 50%, line to 10px 10px)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(EvenOdd from 0px 0Px, CLOSE)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 1ch 50px, line to 10rem 10vh)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 1ch -50px, line to -10% 12px)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, move by 10px 5px, line by 20px 40%, close)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, hline by 10px, vline to 5rem)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, vline by 5%, hline to 1vw)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, curve to 50px 20px with 10rem 1%)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, curve to 50px 20px with 10rem 1px / 20vh 1ch)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, curve by 50px 20px with 10rem 1px / 20vh 1ch)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, smooth to 50px 20px with 10rem 1%)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, smooth to 50px 1pt)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, arc to 50px 1pt of 10px 10px)" should set the property value | PASS | PASS | FAIL | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, arc to 50px 1pt of 10%)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, arc to 50px 1pt of 10px 10px small rotate 0deg)" should set the property value | PASS | PASS | FAIL | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, arc to 50px 1pt of 10px small rotate 0deg)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 10% 1rem, arc to 50px 1pt of 20% cw large rotate 25deg)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(evenodd from 0px 0px, close)" should set the property value | PASS | PASS | PASS | FAIL | FAIL | PASS |
| e.style['clip-path'] = "shape(from 0 0,curve to 5% calc(5% * var(--s,1)) with 5% 5%, vline to 100%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 0 0,curve to 5% var(--s,1) with 5% 5%, vline to 100%)" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 10% 1rem, arc of 20% 1pt to 50px cw large rotate 25deg)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 10% 1rem, arc cw to 50px of 20% 1pt large rotate 25deg)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 10% 1rem, arc rotate 25deg to 50px 1pt of 20% cw large )" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(evenodd from 0px 0px, close path)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(nonzero, from 0px 0px, line to 10px 10px)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, curve to 50px 20px via 10rem)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, curve to 50px 20px via 10rem 1% 12px)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, hline byy 10px, vline to 5rem)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, vline by 5% hline by 1vw" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, smooth to 50px 20px via 10rem)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 10px 10px, smooth to 50px 20px via 10rem 2px 2pt)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape()" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 0px)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 0px 20px,)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(close)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(nonzero, close)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(from 0px 10px)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(allkindsofnonsense)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['clip-path'] = "shape(arc)" should not set the property value | PASS | PASS | PASS | PASS | PASS | PASS |