CSS color-scheme egenskab

Definition og brug

color-scheme Egenskaben angiver, hvilket operativsystemets farveskema, der skal bruges til rendering af elementet.

De mest almindelige valg for operativsystemets farveskema er "lys" (lys) og "mørk" (mørk), eller "dagtilstand" (dag) og "nattilstand" (nat).

Eksempel

Sæt hele siden til mørkt farveskema:

:root {
  color-scheme: mørk;
}

Prøv det selv

CSS-sprog

color-scheme: normal|lys|mørk|kun lys|kun mørk|lys mørk;

Egenskabsværdi

Værdi Beskrivelse
normal Elementer kan renderes med operativsystemets standard farveskema
lys Elementer kan renderes med operativsystemets lyse farveskema
mørk Elementer kan renderes med operativsystemets mørke farveskema
kun lys

Elementet skal kun renderes med operativsystemets lyse farveskema.

Forbyd browseren at overridere elementets farveskema.
kun mørk

Elementet skal kun renderes med operativsystemets mørke farveskema.

Forbyd browseren at overridere elementets farveskema.
lys mørk Elementer kan renderes med operativsystemets lyse eller mørke farveskema (afhængigt af brugerens indstillinger)

Tekniske detaljer

Standardværdi: normal
Arv: ja
Version: CSS Color Adjustment Module Level 1
JavaScript-sprog:

Browserunderstøttelse

Tallene i tabellen viser den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
81 81 96 13 68