Медиафункция CSS `monochrome`

monochrome CSS-медиафункцию можно использовать для проверки количества бит на пиксель в монохромном буфере кадров устройства вывода.

Синтаксис

Медиафункция monochrome задаётся значением <integer>, представляющим количество бит на пиксель в монохромном буфере кадров. Если устройство не является монохромным, значение равно нулю. Это функция диапазона, поэтому для проверки минимального и максимального значений соответственно можно также использовать варианты с префиксами min-monochrome и max-monochrome.

Примеры

HTML

<p class="mono">Your device supports monochrome pixels!</p>
<p class="no-mono">Your device doesn't support monochrome pixels.</p>

CSS

p {
  display: none;
}

/* Any monochrome device */
@media (monochrome) {
  p.mono {
    display: block;
    color: #333333;
  }
}

/* Any non-monochrome device */
@media (monochrome: 0) {
  p.no-mono {
    display: block;
    color: #ee3636;
  }
}

Результат

Спецификации

Совместимость с браузерами