CSS Values and Units Level 3 Implementation Report

Last updated 2021-04-30

Detailed Testing

Tables below include Blink, Gecko and WebKit results for Level 3 features.

Test	Blink	Gecko	WebKit
Distance Units: the <length> type
calc-unit-analysis.html
`ch` unit
calc-ch-ex-lang.html
ch-unit-001.html
ch-unit-002.html
ch-unit-003.html
ch-unit-004.html
ch-unit-008.html
ch-unit-009.html
ch-unit-010.html
ch-unit-011.html
ch-unit-012.html
ch-unit-016.html
ch-unit-017.html
line-break-ch-unit.html
`Q` unit
absolute-length-units-001.html
q-unit-case-insensitivity-001.html
q-unit-case-insensitivity-002.html
`rem` unit
calc-infinity-nan-computed.html
calc-rem-lang.html
percentage-rem-low.html
rem-root-font-size-restyle-1.html
rem-unit-root-element.html
update-subpixel-rem-unit.html
vh-em-inherit.html
<angle>: `deg`, `grad`, `rad`, `turn` units
angle-units-001.html
angle-units-002.html
angle-units-003.html
angle-units-004.html
angle-units-005.html
calc-angle-values.html
time: `s`, `ms` units
calc-time-values.html
frequency: `Hz`, `kHz` units
none
resolution: `dpi`, `dpcm`, `dppx` units
none
attribute references: `attr()`
attr-color-invalid-cast.html
attr-color-invalid-fallback.html
attr-color-valid.html
attr-invalid-type-001.html
attr-invalid-type-002.html
attr-invalid-type-008.html
attr-length-invalid-cast.html
attr-length-invalid-fallback.html
attr-length-valid-zero-nofallback.html
attr-length-valid-zero.html
attr-length-valid.html
attr-px-invalid-cast.html
attr-px-invalid-fallback.html
attr-px-valid.html
Mathematical Expressions: `calc()`
calc-background-image-gradient-1.html
calc-background-linear-gradient-1.html
calc-background-position-002.html
calc-background-position-003.html
calc-background-position-1.html
calc-background-size-1.html
calc-border-radius-1.html
calc-ch-ex-lang.html
calc-height-block-1.html
calc-height-table-1.html
calc-in-calc.html
calc-in-color-001.html
calc-in-counter-001.xhtml
calc-in-font-feature-settings.html
calc-invalid-range-clamping.html
calc-letter-spacing.html
calc-margin-block-1.html
calc-max-height-block-1.html
calc-max-width-block-1.html
calc-max-width-block-intrinsic-1.html
calc-min-height-block-1.html
calc-min-height.html
calc-min-width-block-1.html
calc-min-width-block-intrinsic-1.html
calc-nesting.html
calc-numbers.html
calc-offsets-absolute-bottom-1.html
calc-offsets-absolute-left-1.html
calc-offsets-absolute-right-1.html
calc-offsets-absolute-top-1.html
calc-offsets-relative-bottom-1.html
calc-offsets-relative-left-1.html
calc-offsets-relative-right-1.html
calc-offsets-relative-top-1.html
calc-padding-block-1.html
calc-parenthesis-stack.html
calc-rem-lang.html
calc-rgb-percent-001.html
calc-rounding-001.html
calc-rounds-to-integer.html
calc-text-indent-1.html
calc-text-indent-intrinsic-1.html
calc-time-values.html
calc-transform-origin-1.html
calc-unit-analysis.html
calc-vertical-align-1.html
calc-width-block-1.html
calc-width-block-intrinsic-1.html
calc-width-table-auto-1.html
ex-calc-expression-001.html
getComputedStyle-border-radius-002.html
viewport-percentage length units
vh-calc-support-pct.html
vh-calc-support.html
vh-em-inherit.html
vh-inherit.html
vh-interpolate-pct.html
vh-interpolate-px.html
vh-interpolate-vh.html
vh-support-margin.html
vh-support-transform-origin.html
vh-support-transform-translate.html
vh-support.html
vh-zero-support.html
vh_not_refreshing_on_chrome.html
viewport-relative-lengths-scaled-viewport.html
viewport-unit-011.html
viewport-units-001-print.html
viewport-units-css2-001.html

Integration with Font Loading Module Level 3 specification

Test	Blink	Gecko	WebKit
recalculation of unit on font load
ch-empty-pseudo-recalc-on-font-load.html
ch-pseudo-recalc-on-font-load.html
ch-recalc-on-font-load.html
viewport-units-after-font-load.html

Tests that will pass in browsers that do not support attribute reference attr() function