CSS Media Queries Test Cases
Monochrome Displays
Monochrome
@media only all and (monochrome)Not monochrome
@media only all and (monochrome: 0)Min-monochrome 1bit
@media only all and (min-monochrome: 1)Monochrome 4bit
@media only all and (monochrome: 4)Max-monochrome 1024bit
@media only all and (max-monochrome: 1024) and (min-monochrome: 1)1 < monochrome < 1024
@media all and (0 < monochrome < 1024)Color Displays
Color
@media only all and (color)Not Color
@media only all and (color: 0)Min-Color 1bit
@media only all and (min-color: 1)Color 8bit
@media only all and (color: 8)Max-Color 16bit
@media only all and (max-color: 16) and (min-color: 1)1 < color < 16
@media all and (0 < color < 16)Paletted Color Screens
Indexed Colors
@media only all and (color-index)No Indexed Colors
@media only all and (color-index: 0)Min-Color-Index 1
@media only all and (min-color-index: 1)Color-Index 256
@media only all and (color-index: 256)Max-Color-Index 1024
@media only all and (max-color-index: 1024) and (min-color-index: 1)1 < color-index < 1024
@media all and (0 < color < 1024)Color Display Quality
Color Gamut sRGB
@media only all and (color-gamut: srgb )Color Gamut DCI P3 Color Space
@media only all and (color-gamut: p3 )Color Gamut ITU-R Recommendation BT.2020
@media only all and (color-gamut: rec2020 )Microsoft Hight Contrast
High Contrast none
@media screen and (-ms-high-contrast: none)Use to optimise websites and -apps when a high contrast theme is selected in windows. For more informations see the MSDN.
It is supported in Internet Explorer 10 and 11 only. It isn't supportet in Edge, Microsofts browser in Windows 10.