WPT
wpt / css / css-variables / variable-reference.html
Spec: CSS Variables ↗
Runs: Chrome 155.0.8038.0 (wpt@b1a7025f8, 2026-09-02) | Firefox 157.0a1 (wpt@b1a7025f8, 2026-09-02) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-a7884 (wpt@b1a7025f8, 2026-09-02) | Servo Servo 0.5 (wpt@2ccd2cbf8, 2026-09-01) | Blitz 7727414ca (wpt@a95401e4e, 2026-09-02)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 11/18 | 10/18 | 18/18 | 17/18 | 10/18 | 17/18 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| width: var(--prop); | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(--prop) !important; | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(--prop, ); | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(--prop, 20px); | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(--prop, blue); | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(--prop1, var(--prop2)); | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(--prop1, var(--prop2, var(--prop3, auto))); | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(--prop1) var(--prop2) | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(--prop,); | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(); | PASS | PASS | PASS | PASS | PASS | PASS |
| width: var(prop); | FAIL | FAIL | PASS | PASS | FAIL | PASS |
| width: var(-prop); | FAIL | FAIL | PASS | PASS | FAIL | PASS |
| width: var(--prop 20px); | FAIL | FAIL | PASS | PASS | FAIL | PASS |
| width: var(--prop, var(prop)); | FAIL | FAIL | PASS | PASS | FAIL | PASS |
| width: var(--prop, var(-prop)); | FAIL | FAIL | PASS | PASS | FAIL | PASS |
| width: var(20px); | FAIL | FAIL | PASS | PASS | FAIL | PASS |
| width: var(var(--prop)); | FAIL | FAIL | PASS | PASS | FAIL | PASS |
| Variable reference left open at end of stylesheet | PASS | FAIL | PASS | FAIL | FAIL | FAIL |