WPT
wpt / css / css-backgrounds / parsing / background-valid.html
Spec: CSS Backgrounds ↗
Runs: Chrome 155.0.8042.0 (wpt@0a3996025, 2026-09-04) | Firefox 157.0a1 (wpt@972e0e100, 2026-09-04) | Safari 251 preview (wpt@972e0e100, 2026-09-04) | Ladybird 1.0-3fd2d (wpt@c29bd2aee, 2026-09-04) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | 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 | 21/46 | 27/46 | 36/46 | 26/46 | 17/46 | 17/46 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should set the property value | PASS | PASS | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "none" should set background-attachment | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "none" should set background-clip | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "none" should set background-color | FAIL | PASS | FAIL | FAIL | PASS | PASS |
| e.style['background'] = "none" should set background-image | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "none" should set background-origin | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "none" should set background-position | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "none" should set background-repeat | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "none" should set background-size | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "none" should not set unrelated longhands | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should set background-attachment | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should set background-clip | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should set background-color | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should set background-image | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should set background-origin | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should set background-position | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should set background-repeat | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should set background-size | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box, rgb(5, 6, 7) url(\"https://example.com/\") 1px 2px / 3px 4px space round local padding-box content-box" should not set unrelated longhands | PASS | PASS | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "border-box content-box" should set background-attachment | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "border-box content-box" should set background-clip | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "border-box content-box" should set background-color | FAIL | FAIL | PASS | PASS | FAIL | FAIL |
| e.style['background'] = "border-box content-box" should set background-image | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "border-box content-box" should set background-origin | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "border-box content-box" should set background-position | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "border-box content-box" should set background-repeat | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "border-box content-box" should set background-size | FAIL | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "border-box content-box" should not set unrelated longhands | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background'] = "border-area" should set background-attachment | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area" should set background-clip | PASS | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area" should set background-color | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area" should set background-image | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area" should set background-origin | PASS | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area" should set background-position | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area" should set background-repeat | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area" should set background-size | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area" should not set unrelated longhands | PASS | FAIL | PASS | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area text" should set background-attachment | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area text" should set background-clip | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area text" should set background-color | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area text" should set background-image | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area text" should set background-origin | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area text" should set background-position | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area text" should set background-repeat | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area text" should set background-size | FAIL | FAIL | FAIL | FAIL | FAIL | FAIL |
| e.style['background'] = "border-area text" should not set unrelated longhands | PASS | FAIL | FAIL | FAIL | FAIL | FAIL |