WPT
wpt / css / css-masking / parsing / mask-valid.sub.html
Spec: CSS Masking ↗
Runs: Chrome 155.0.8041.0 (wpt@4a01b83e3, 2026-09-04) | Firefox 157.0a1 (wpt@4a01b83e3, 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 | 45/55 | 45/55 | 50/55 | 45/55 | 0/55 | 30/55 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['mask'] = "none" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "linear-gradient(to left bottom, red, blue)" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "linear-gradient(to left bottom, red, blue) luminance" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "url(\"https://web-platform.test/\")" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['mask'] = "linear-gradient(to left bottom, red, blue) 1px 2px" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "url(\"https://web-platform.test/\") 1px 2px / contain" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['mask'] = "repeat-y" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "border-box" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "linear-gradient(to left bottom, red, blue) padding-box" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "content-box" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "url(\"https://web-platform.test/\") fill-box" should set the property value | PASS | PASS | FAIL | PASS | FAIL | — |
| e.style['mask'] = "linear-gradient(to left bottom, red, blue) stroke-box" should set the property value | PASS | PASS | FAIL | PASS | FAIL | FAIL |
| e.style['mask'] = "view-box" should set the property value | PASS | PASS | FAIL | PASS | FAIL | FAIL |
| e.style['mask'] = "no-clip" should set the property value | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "url(\"https://web-platform.test/\") add" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['mask'] = "subtract" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "url(\"https://web-platform.test/\") intersect" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['mask'] = "linear-gradient(to left bottom, red, blue) exclude" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "alpha" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "url(\"https://web-platform.test/\") alpha" should set the property value | PASS | PASS | PASS | PASS | FAIL | — |
| e.style['mask'] = "border-box border-box" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "content-box content-box" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "border-box content-box" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "border-box no-clip" should set the property value | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "intersect no-clip space round 1px 2px / contain stroke-box linear-gradient(to left bottom, red, blue) luminance" should set the property value | PASS | PASS | FAIL | PASS | FAIL | FAIL |
| e.style['mask'] = "intersect no-clip space round 1px 2px / contain view-box, stroke-box linear-gradient(to left bottom, red, blue) luminance" should set the property value | PASS | PASS | FAIL | PASS | FAIL | FAIL |
| e.style['mask'] = "none alpha" should set the property value | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none" should set mask-border-outset | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none" should set mask-border-repeat | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none" should set mask-border-slice | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none" should set mask-border-source | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none" should set mask-border-width | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none" should set mask-clip | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none" should set mask-composite | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none" should set mask-image | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none" should set mask-mode | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none" should set mask-origin | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none" should set mask-position | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none" should set mask-repeat | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none" should set mask-size | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none" should not set unrelated longhands | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-outset | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-repeat | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-slice | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-source | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-border-width | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-clip | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-composite | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-image | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-mode | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-origin | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-position | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-repeat | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should set mask-size | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['mask'] = "none, linear-gradient(to left bottom, red, blue) padding-box" should not set unrelated longhands | PASS | PASS | PASS | PASS | FAIL | PASS |
| e.style['mask'] = "url(\"https://{{host}}/\")" should set the property value | — | — | — | — | — | PASS |
| e.style['mask'] = "url(\"https://{{host}}/\") 1px 2px / contain" should set the property value | — | — | — | — | — | PASS |
| e.style['mask'] = "url(\"https://{{host}}/\") fill-box" should set the property value | — | — | — | — | — | FAIL |
| e.style['mask'] = "url(\"https://{{host}}/\") add" should set the property value | — | — | — | — | — | PASS |
| e.style['mask'] = "url(\"https://{{host}}/\") intersect" should set the property value | — | — | — | — | — | PASS |
| e.style['mask'] = "url(\"https://{{host}}/\") alpha" should set the property value | — | — | — | — | — | PASS |