Свойство color-scheme CSS

  • Предыдущая страница color
  • Следующая страница column-count

Определение и использование

color-scheme Атрибут указывает,哪个 операционной системы цветовое решение элемента должно быть использовано для отрисовки.

Обычно выбираются цветовые решения операционной системы, такие как "light" (светлый) и "dark" (тёмный), или "day mode" (дневной режим) и "night mode" (ночной режим).

Пример

Установить весь веб-страницу в тёмное цветовое решение:

:root {
  color-scheme: dark;
}

Попробуйте сами

Синтаксис CSS

color-scheme: normal|light|dark|only light|only dark|light dark;

Значение атрибута

Значение Описание
normal Элемент может быть отрисован с использованием mặc định цветового решения операционной системы
light Элемент может быть отрисован с использованием светового цветового решения операционной системы
dark Элемент может быть отрисован с использованием тёмного цветового решения операционной системы
only light

Элемент должен быть отрисован только с использованием светового цветового решения операционной системы.

Запрещается, чтобы браузер изменял цветовое решение этого элемента.
only dark

Элемент должен быть отрисован только с использованием тёмного цветового решения операционной системы.

Запрещается, чтобы браузер изменял цветовое решение этого элемента.
light dark Элемент может быть отрисован с использованием светового или тёмного цветового решения операционной системы (в зависимости от настроек пользователя)

Технические детали

Значение по умолчанию: normal
Инheritability: да
Версия: Модуль корректировки цвета CSS уровня 1
Синтаксис JavaScript:

Поддержка браузера

Числа в таблице показывают версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
81 81 96 13 68
  • Предыдущая страница color
  • Следующая страница column-count