CSS-Variablen

Sie implementieren CSS-Variablen (auch Custom Properties genannt), um wiederkehrende Werte wie Farben, Abstände oder Schriftgrößen zentral zu definieren und zu verwalten. Diese Variablen werden im :root-Bereich deklariert und mit einem doppelten Bindestrich (z.B. --primary-color) gekennzeichnet und können mit der var()-Funktion im gesamten Stylesheet referenziert werden. Durch die Verwendung von CSS-Variablen gewährleisten Sie Konsistenz in Ihrem Design und können Anpassungen an zentraler Stelle vornehmen, ohne alle Vorkommen manuell suchen und ersetzen zu müssen. Zudem ermöglichen sie dynamische Anpassungen von Stilen durch JavaScript, was für thematische Wechsel oder responsive Anpassungen besonders nützlich ist.

Andere Schreibweisen

CSS Custom Properties, CSS Properties