Limited Availability
7 featuresThe @custom-media CSS at-rule names a media query, which you can reuse in multiple @media rules.
The device-aspect-ratio, device-height, and device-width media features describe physical properties of the displaying output device.
The display-mode CSS media query sets styles based on whether the web page is in an ordinary browser tab mode or another mode, such as fullscreen, standalone, or minimal-ui.
The inverted-colors CSS media query sets styles based on whether the user has inverted all colors, such as with mobile accessibility settings.
The prefers-reduced-data CSS media query detects whether the user has a preference for using less network traffic. For example, you can use this media query to avoid loading large font files and use a system font instead.
The prefers-reduced-transparency CSS media query sets styles based on whether the user prefers to reduce the amount of transparent effects on their device, for example to improve contrast and legibility.
The video-dynamic-range CSS media query sets styles based on whether a device can display video with at least standard range colors or at least high range colors. Non-visual devices will match neither.