WPT
wpt / css / css-properties-values-api / registered-property-computation.html
Spec: CSS Properties and Values API ↗
Runs: Chrome 155.0.8040.0 (wpt@476394464, 2026-09-03) | Firefox 157.0a1 (wpt@476394464, 2026-09-03) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-a7825 (wpt@a1e944e7a, 2026-09-03) | 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 | 69/75 | 75/75 | 75/75 | 68/75 | 75/75 | 0/75 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| <length> values computed are correctly via var()-reference | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values computed are correctly via var()-reference when font-size is inherited | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly when font-size is inherited [14em] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly when font-size is inherited [calc(14em + 10px)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [12px] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [13vw] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [14em] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [15vmin] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [calc(16px - 7em + 10vh)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [1in] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [2.54cm] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [25.4mm] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [6pc] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [72pt] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length> values are computed correctly [10lh] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length-percentage> values are computed correctly [17em] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length-percentage> values are computed correctly [18%] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length-percentage> values are computed correctly [calc(19em - 2%)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length># values are computed correctly [10px, 3em] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length># values are computed correctly [4em ,9px] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length># values are computed correctly [8em] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length-percentage># values are computed correctly [3% , 10vmax , 22px] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length-percentage># values are computed correctly [calc(50% + 1em), 4px] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length-percentage># values are computed correctly [calc(13% + 37px)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length>+ values are computed correctly [10px 3em] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length>+ values are computed correctly [4em 9px] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length-percentage>+ values are computed correctly [3% 10vmax 22px] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <length-percentage>+ values are computed correctly [calc(50% + 1em) 4px] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <transform-function> values are computed correctly [translateX(2px)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <transform-function> values are computed correctly [translateX(10em)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <transform-function> values are computed correctly [translateX(calc(11em + 10%))] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <transform-function>+ values are computed correctly [translateX(10%) scale(2)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <integer> values are computed correctly [15] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <integer> values are computed correctly [calc(15 + 15)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <integer> values are computed correctly [calc(2.4)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <integer> values are computed correctly [calc(2.6)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <integer> values are computed correctly [calc(2.6 + 3.1)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <integer>+ values are computed correctly [15 calc(2.4) calc(2.6)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <number> values are computed correctly [15] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <number> values are computed correctly [calc(15 + 15)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <number> values are computed correctly [calc(24 / 10)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <number>+ values are computed correctly [15 calc(15 + 15) calc(24 / 10)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [#ff0000] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [#000f00] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [#00000a] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [#badbee] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [#badbee33] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [tomato] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [plum] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [currentcolor] | FAIL | PASS | PASS | FAIL | PASS | FAIL |
| <color> values are computed correctly [color-mix(in srgb, black, white)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [color-mix(in srgb, currentcolor, red)] | FAIL | PASS | PASS | FAIL | PASS | FAIL |
| <color> values are computed correctly [color-mix(in srgb, currentcolor, #ffffff 70%)] | FAIL | PASS | PASS | FAIL | PASS | FAIL |
| <color> values are computed correctly [color-mix(in srgb, currentcolor 20%, #ffffff 20%)] | FAIL | PASS | PASS | FAIL | PASS | FAIL |
| <color> values are computed correctly [light-dark(currentcolor, red)] | FAIL | PASS | PASS | FAIL | PASS | FAIL |
| <color> values are computed correctly [light-dark(lime, red)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <color> values are computed correctly [color(from lime srgb g g g)] | PASS | PASS | PASS | FAIL | PASS | FAIL |
| <color> values are computed correctly [color(from currentcolor srgb b g r)] | FAIL | PASS | PASS | FAIL | PASS | FAIL |
| <color> values are computed correctly [color(srgb 1 1 1 / calc(NaN))] | PASS | PASS | PASS | PASS | PASS | FAIL |
| * values are computed correctly [tomato] | PASS | PASS | PASS | PASS | PASS | FAIL |
| tomato | plum values are computed correctly [plum] | PASS | PASS | PASS | PASS | PASS | FAIL |
| tomato | plum | <color> values are computed correctly [plum] | PASS | PASS | PASS | PASS | PASS | FAIL |
| * values are computed correctly [-50grad] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <angle> values are computed correctly [180deg] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <angle> values are computed correctly [400grad] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <angle> values are computed correctly [calc(360deg + 400grad)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| * values are computed correctly [50s] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <time> values are computed correctly [1s] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <time> values are computed correctly [1000ms] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <time> values are computed correctly [calc(1000ms + 1s)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| * values are computed correctly [50dpi] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <resolution> values are computed correctly [1dppx] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <resolution> values are computed correctly [96dpi] | PASS | PASS | PASS | PASS | PASS | FAIL |
| <resolution> values are computed correctly [calc(1dppx + 96dpi)] | PASS | PASS | PASS | PASS | PASS | FAIL |
| * values are computed correctly [url(why)] | PASS | PASS | PASS | PASS | PASS | FAIL |