CSS WG Blog Updated Media Queries Level 5 Working Draft

This is a page from the Cascading Style Sheets Working Group Blog. Some other places to find information are the “current work” page, the www-style mailing list, the Future of CSS syndicator, and the issue list on Github.

Do you want to know how the CSS WG works? Fantasai has written about:csswg, An Inside View of the CSS Working Group at W3C.

Updated Media Queries Level 5 Working Draft

By Florian Rivoal June 4, 2020 (Permalink)
Categories: publications

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 »

[Photo: group photo of the CSS working group in San Francisco] Contact: Bert Bos
Copyright © 2020 W3C®

Last updated 2020-06-04 10:01:47