Looking for css Keywords? Try Ask4Keywords

CSSBenutzerdefinierte Eigenschaften (Variablen)


Einführung

Mit CSS-Variablen können Autoren wiederverwendbare Werte erstellen, die in einem CSS-Dokument verwendet werden können.

In CSS ist es zum Beispiel üblich, eine einzige Farbe im gesamten Dokument wiederzuverwenden. Vor CSS-Variablen würde dies bedeuten, dass derselbe Farbwert in einem Dokument mehrmals verwendet wird. Mit CSS-Variablen kann der Farbwert einer Variablen zugewiesen und an mehreren Stellen referenziert werden. Dies macht das Ändern von Werten einfacher und ist semantischer als die Verwendung herkömmlicher CSS-Werte.

Syntax

  • : root {} / * Pseudoklasse, die eine umfassendere Definition von Variablen ermöglicht * /
  • - Variablenname: Wert ; / * Variable definieren * /
  • var (- Variablenname, Standardwert ) / * definierte Variable mit Standardwert-Fallback verwenden * /

Bemerkungen

CSS-Variablen gelten derzeit als experimentelle Technologie.


BROWSER SUPPORT / KOMPATIBILITÄT

Firefox: Version 31 + (standardmäßig aktiviert)

Mehr Infos von Mozilla

Chrome: Version 49 + (standardmäßig aktiviert) .

"Diese Funktion kann in Chrome Version 48 zum Testen aktiviert werden, indem die experimental Web Platform Funktion aktiviert wird. Geben Sie chrome://flags/ in Ihre Chrome-Adressleiste ein, um auf diese Einstellung zuzugreifen."

IE: Nicht unterstützt.

Edge: In Entwicklung

Safari: Version 9.1 und höher

Benutzerdefinierte Eigenschaften (Variablen) Verwandte Beispiele