CSS color-scheme ominaisuus

Määrittely ja käyttö

color-scheme Ominaisuus viittaa siihen, mitä käyttöjärjestelmän värimallia elementti tulisi käyttää renderöinnissä.

Yleisiä käyttöjärjestelmän värimallien valintoja ovat "light" (vaalea) ja "dark" (tumma), tai "day mode" (aikamalli) ja "night mode" (yön malli).

Esimerkki

Aseta koko sivu tummaksi värimalliksi:

:root {
  color-scheme: dark;
}

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
normaali Elementti voi renderöidä käyttöjärjestelmän oletusvärimallin avulla
vaalea Elementti voi renderöidä käyttöjärjestelmän vaalean värimallin avulla
tumma Elementti voi renderöidä käyttöjärjestelmän tumman värimallin avulla
vain vaalea

Elementti tulisi renderöidä vain käyttöjärjestelmän vaalean värimallin avulla.

Estetään selaimen korvaaminen kyseisen elementin värimallilla.
vain tumma

Elementti tulisi renderöidä vain käyttöjärjestelmän tumman värimallin avulla.

Estetään selaimen korvaaminen kyseisen elementin värimallilla.
vaalea tumma Elementti voi renderöidä käyttöjärjestelmän vaalean tai tumman värimallin (riippuen käyttäjän asetuksista)

Tekninen yksityiskohta

Oletusarvo: normaali
Perintä: kyllä
Versio: CSS Color Adjustment Module Taso 1
JavaScript-kieli:

Selaintuen

Taulukon numerot edustavat ensimmäistä kokonaan tukevaa selainta kyseiselle ominaisuudelle.

Chrome Edge Firefox Safari Opera
81 81 96 13 68