CSS WG Blog Updated Media Queries Level 5 Working Draft

Updated Media Queries Level 5 Working Draft

The CSS Working Group has published an updated Working Draft of Media Queries Level 5. Media Queries allow authors to test and query values or features of the user agent or display device, independent of the document being rendered. They are used in the CSS @media rule to conditionally apply styles to a document, and in various other contexts and languages, such as HTML and JavaScript.

This update adds a set of media features specific to devices with a separate “plane” used to render videos, as well as one to inquire about the dynamic range of a device.

This comes on top of various media features added since Media Queries Level 4 by the earlier First Public Working Draft of Level 5:
* A set of media features (prefers-reduced-motion, prefers-reduced-transparency, prefers-contrast, prefers-color-scheme) to let authors respond to various preferences expressed by the user.
* forced-colors, a media feature to detect the fact that the User Agent has forcibly applied to the page a user-chosen color scheme.
* A section on custom Media Queries, and two media features (light-level and inverted-colors) that had been dropped from Level 4 when publishing it as a Candidate Recommendation.

All significant changes are listed in the Changes section.

Please send feedback by either filing an issue in GitHub (preferable) or sending mail to the (archived) public mailing list www-style@w3.org with the spec code ([mediaqueries-5]) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

« Previous article Next article »