WPT
wpt / css / css-backgrounds / parsing / webkit-border-radius-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 | 24/25 | 25/25 | 25/25 | 25/25 | 25/25 | 23/25 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['-webkit-border-radius'] = "initial" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "inherit" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "unset" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "revert" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 5%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 2% 3px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 2% 3px 4%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px / 2px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "5em / 1px 2% 3px 4%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 2% / 3px 4px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 2px 3em / 1px 2px 3%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 2% / 2px 3em 4px 5em" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 2% 3px 4% / 5em" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 1px 1px 2% / 1px 2% 1px 2%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 1px 1px 1px / 1px 1px 2% 1px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 1px 2% 2%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 2% 1px 1px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-radius'] = "1px 2% 2% 2% / 1px 2% 3px 2%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-top-left-radius'] = "10px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-top-right-radius'] = "20%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-bottom-right-radius'] = "30px 40%" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['-webkit-border-bottom-left-radius'] = "50% 60px" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| Serialize border-radius from -webkit-border-radius: 1px 2px | PASS | PASS | PASS | PASS | PASS | FAIL |
| Serialize -webkit-border-radius from border-radius: 1px 2px | FAIL | PASS | PASS | PASS | PASS | FAIL |