CSS color-scheme Eigenschaft

Definition und Verwendung

color-scheme Das Attribut weist darauf hin, welche Betriebssystemfarbschema das Element verwenden sollte.

Gängige Farben für Betriebssystemfarbschemata sind "hell" (hell) und "dunkel" (dunkel), oder "Tagmodus" (Tagmodus) und "Nachtmodus" (Nachtmodus).

Beispiel

Setzen Sie das gesamte Seitenfarbschema auf dunkel:

:root {
  color-scheme: dunkel;
}

Versuchen Sie es selbst

CSS-Syntax

color-scheme: normal|hell|dunkel|nur hell|nur dunkel|hell dunkel;

Attributwert

Wert Beschreibung
normal Das Element kann mit dem Standardfarbschema des Betriebssystems gerendert werden
hell Das Element kann mit dem hellen Farbschema des Betriebssystems gerendert werden
dunkel Das Element kann mit dem dunklen Farbschema des Betriebssystems gerendert werden
nur hell

Das Element sollte nur mit dem hellen Farbschema des Betriebssystems gerendert werden.

Verhindern Sie, dass der Browser das Farbschema des Elements überschreibt.
nur dunkel

Das Element sollte nur mit dem dunklen Farbschema des Betriebssystems gerendert werden.

Verhindern Sie, dass der Browser das Farbschema des Elements überschreibt.
hell dunkel Das Element kann mit dem hellen oder dunklen Farbschema des Betriebssystems gerendert werden (abhängig von den Einstellungen des Benutzers).

Technische Details

Standardwert: normal
Vererbbarkeit: ja
Version: CSS Color Adjustment Module Level 1
JavaScript-Syntax:

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionen der Browser dar, die diesen Attribut vollständig unterstützen.

Chrome Edge Firefox Safari Opera
81 81 96 13 68