Updated W3C Recommendation: Media Queries Level 3

The CSS Working Group has published Media Queries Level 3 as an updated W3C Recommendation, incorporating the changes since the 2022 Recommendation.

HTML and CSS currently support media-dependent style sheets tailored for different media types. For example, a document may use sans-serif fonts when displayed on a screen and serif fonts when printed. ‘screen’ and ‘print’ are two media types that have been defined. Media queries extend the functionality of media types by allowing more precise labeling of style sheets.

A media query consists of a media type and zero or more expressions that check for the conditions of particular media features. Among the media features that can be used in media queries are ‘width’, ‘height’, and ‘color’. By using media queries, presentations can be tailored to a specific range of output devices without changing the content itself.

In addition, the group has proposed a new correction to the specification. Comments are due by 21 July 2024.