← back to v137 · css-if-function

conformance · v137

v137 · css-if-function — conformance probe

6 assertions drawn from the spec. Each is a single contract the spec text makes. Pass/fail reflects what this browser executed; blocked means the contract was not run because it needs user mediation, hardware, or another unavailable precondition. Open the page in Chrome stable / canary / Firefox / Safari to compare.

browser: spec: https://drafts.csswg.org/css-values-5/#if-notation chromestatus: #6313805904347136 generated 2026-06-01T08:40:00Z by conformance-author-v1-subagent
0
pass
0
fail
0
blocked
6
total
id contract kind verdict detail
if-with-supports-and-else CSS.supports() recognises a property value using if() with a supports() condition and an else branch. spec ↗ css-supports
if-with-media-condition if() accepts media() conditions for media-query-driven values. spec ↗ css-supports
if-with-style-query if() accepts style() conditions, mirroring @container style() queries. spec ↗ css-supports
if-multiple-branches if() supports multiple semicolon-separated branches evaluated in order. spec ↗ css-supports
if-resolves-in-getcomputedstyle An element using if() resolves to one of the branches when read via getComputedStyle. spec ↗ script
if-not-supported-as-property if() is a value-level construct, not a property; CSS.supports must reject 'if' as a property name. spec ↗ script