CSS/Eigenschaften/color-scheme
Aus SELFHTML-Wiki
CSS | Eigenschaften(Weitergeleitet von Color-scheme)
Die Eigenschaft color-scheme gibt an, in welchen Farbschemata ein Element bequem wiedergegeben werden kann.
Übliche Farbschemata für Betriebssysteme sind "light" und "dark" oder "Tagmodus" und "Nachtmodus". Wenn ein Benutzer eines dieser Farbschemata auswählt, nimmt das Betriebssystem Anpassungen an der Benutzeroberfläche vor. Dazu gehören Formularsteuerungen, Bildlaufleisten und die verwendeten Werte der CSS-Systemfarben
- Erlaubte Werte
-
normal: Zeigt an, dass das Element keine Farbschemata kennt und daher mit dem Standard-Farbschema des Browsers gerendert werden sollte. -
light: Zeigt an, dass das Element mit dem hellen Farbschema des Betriebssystems gerendert werden kann. -
dark: Zeigt an, dass das Element mit dem dunklen Farbschema des Betriebssystems gerendert werden kann.
-
- Vererbung steuernde Werte
inherit,initial,unsetundrevert - Standardwert
normal
- anwendbar auf
alle Elemente
- Vererbung
ja
- animierbar
ja
Beispiel
:root {
color-scheme: light dark;
}
Für die gesamte Seite werden ein helles Tag- und dunkles Nachtschema angelegt.
Siehe auch
Weblinks
- Spezifikation (W3C): CSS Color Adjustment Module Level 1 # color-scheme-prop
- Details: caniuse.com
Liste der CSS-Eigenschaftem
