🏠 New in High Baseline Support: Media query range syntax

September 27, 2025

caniuse · mdn · spec

The range syntax of CSS media queries allows you to use mathematical comparison operators such as <, >, <=, and >= to define a range of values for a media query. For example, (400px < width < 1000px) returns true if the viewport width is between 400px and 1000px.

Source features

• css.at-rules.media.range_syntax [mdn]