CSS color-scheme egenskap

Definition och användning

color-scheme Egenskapen indikerar vilket operativsystemets färgschema som elementen ska renderas med.

Vanliga val för operativsystemets färgschema är "ljus" (ljus) och "mörk" (mörk), eller "dagsschema" (dag) och "nattschema" (natt).

Exempel

Ställ in hela sidan med mörkt färgschema:

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

Prova själv

CSS-syntax

color-scheme: normal|light|dark|endast ljus|endast mörk|ljus mörk;

Egenskapsvärde

Värde Beskrivning
normal Element kan renderas med operativsystemets standardfärgschema
ljus Element kan renderas med operativsystemets ljusa färgschema
mörk Element kan renderas med operativsystemets mörka färgschema
endast ljus

Elementen bör endast renderas med operativsystemets ljusa färgschema.

Förbjud webbläsaren att överskriva elementets färgschema.
endast mörk

Elementen bör endast renderas med operativsystemets mörka färgschema.

Förbjud webbläsaren att överskriva elementets färgschema.
ljus mörk Element kan renderas med operativsystemets ljusa eller mörka färgschema (beroende på användarens inställningar)

Tekniska detaljer

Standardvärde: normal
Arvbarhet: ja
Version: CSS Color Adjustment Module Level 1
JavaScript-syntax:

Webbläsarstöd

Talen i tabellen representerar den första webbläsareversion som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
81 81 96 13 68