color-index
Свойство color-index CSS media feature можно использовать для проверки количества записей в таблице поиска цветов устройства вывода.
Синтаксис
Это свойство задаётся как значение <integer>, представляющее количество записей в таблице поиска цветов устройства вывода. (Это значение равно нулю, если устройство не использует такую таблицу). Это свойство диапазона, а значит, также можно использовать префиксные варианты min-color-index и max-color-index для запроса минимального и максимального значений соответственно.
Примеры
Базовый пример
HTML
<p>This is a test.</p>
CSS
p {
color: black;
}
@media (color-index) {
p {
color: red;
}
}
@media (min-color-index: 15000) {
p {
color: #1475ef;
}
}
Результат
Пользовательский стили
Этот HTML применит специальный стили для устройств с не менее чем 256 цветами.
<link rel="stylesheet" href="http://foo.bar.com/base.css" /> <link rel="stylesheet" media="all and (min-color-index: 256)" href="http://foo.bar.com/color-stylesheet.css" />
Спецификации
| Спецификация |
|---|
| Media Queries Level 4 # color-index |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
color-index |
29 | 79 | Нет | 16 | 8 | 29 | Нет | 16 | 8 | 2.0 | 4.4 |
См. также
© 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/color-index