монохромный

Базовая линия Широко доступная

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Свойство 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: #333;
  }
}

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

Результат

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

Спецификация
Уровни запросов к среде 4 # монохромный

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`monochrome`	1	79	2	10	3	18	4	10.1	1	1.0	≤37

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/monochrome