Spec-Zone.ru › CSS

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

См. также

  • Использование Media Queries
  • @media

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API