CSS kleur-scheme eigenschap

Definitie en gebruik

color-scheme De eigenschap geeft aan welke kleurenschema's van het besturingssysteem het element moet gebruiken om te renderen.

De gebruikelijke keuzes voor het kleurenschema van het besturingssysteem zijn "licht" (licht) en "donker" (donker), of "dagmodus" (dag) en "nachtmodus" (nacht).

Voorbeeld

Stel de hele pagina in op het donkere kleurenschema:

:root {
  color-scheme: donker;
}

Probeer het zelf

CSS-syntaxis

color-scheme: normaal|licht|donker|alleen licht|alleen donker|licht donker;

Eigenschapswaarde

Waarde Beschrijving
normaal Het element kan worden weergegeven met het standaard kleurenschema van het besturingssysteem
licht Het element kan worden weergegeven met het lichte kleurenschema van het besturingssysteem
donker Het element kan worden weergegeven met het donkere kleurenschema van het besturingssysteem
alleen licht

Het element zou alleen het lichte kleurenschema van het besturingssysteem moeten gebruiken om te renderen.

Verbiedt de browser om het kleurenschema van dit element te overschrijven.
alleen donker

Het element zou alleen het donkere kleurenschema van het besturingssysteem moeten gebruiken om te renderen.

Verbiedt de browser om het kleurenschema van dit element te overschrijven.
licht donker Het element kan worden weergegeven met de lichte of donkere kleurenschema's van het besturingssysteem (afhankelijk van de instellingen van de gebruiker)

Technische details

Standaardwaarde: normaal
Inherits: ja
Versie: CSS Color Adjustment Module Level 1
JavaScript-syntaxis:

Browserondersteuning

De cijfers in de tabel vertegenwoordigen de versie van de browser die de eerste volledige ondersteuning voor deze eigenschap biedt.

Chrome Edge Firefox Safari Opera
81 81 96 13 68