Atrybut color-scheme CSS

Definicja i użycie

color-scheme Atrybut wskazuje, który schemat kolorów systemu operacyjnego powinien być używany do renderowania elementu.

Zwykle wyborem schematu kolorów systemu operacyjnego są "jasny" (jasny) i "ciemny" (ciemny), lub "tryb dzienny" (dzień) i "tryb nocny" (noc).

Przykład

Ustaw całą stronę na ciemny schemat kolorów:

:root {
  color-scheme: dark;
}

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
normal Element może być renderowany za pomocą domyślnego schematu kolorów systemu operacyjnego
jasny Element może być renderowany za pomocą jasnego schematu kolorów systemu operacyjnego
ciemny Element może być renderowany za pomocą ciemnego schematu kolorów systemu operacyjnego
tylko jasny

Element powinien być renderowany tylko za pomocą jasnego schematu kolorów systemu operacyjnego.

Zabroniono przeglądarce nadpisywania schematu kolorów tego elementu.
tylko ciemny

Element powinien być renderowany tylko za pomocą ciemnego schematu kolorów systemu operacyjnego.

Zabroniono przeglądarce nadpisywania schematu kolorów tego elementu.
jasny ciemny Element może być renderowany za pomocą jasnego lub ciemnego schematu kolorów systemu operacyjnego (zależnie od ustawień użytkownika)

Szczegóły techniczne

Domyślna wartość: normal
Inheredność: tak
Wersja: Moduł regulacji kolorów CSS poziom 1
Gramatyka JavaScript:

Obsługa przeglądarki

Liczby w tabeli oznaczają wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
81 81 96 13 68