Медиафункция CSS `color-index`

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

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

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

Синтаксис

Медиафункция color-index задаётся значением <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="https://cdn.example.com/base.css" />
<link
  rel="stylesheet"
  media="(color-index >= 256)"
  href="https://cdn.example.com/color-stylesheet.css" />

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

Спецификация
Media Queries Level 4 # color-index

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

	Настольные устройства					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`color-index`	29	79	Нет	16	8	29	Нет	16	8	2.0	4.4	8

См. также

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