Mit Windows 10 Creators Update wird Microsoft Edge mit Unterstützung für benutzerdefinierte CSS-Eigenschaften geliefert
2 Minute. lesen
Veröffentlicht am
Teile diesen Artikel
Verbessern Sie diesen Leitfaden
Lesen Sie unsere Offenlegungsseite, um herauszufinden, wie Sie MSPoweruser dabei helfen können, das Redaktionsteam zu unterstützen Lesen Sie weiter
Mit dem bevorstehenden Windows 10 Creators Update, das nächsten Monat veröffentlicht wird, wird Microsoft Edge benutzerdefinierte CSS-Eigenschaften unterstützen, die es Entwicklern ermöglichen, Variablen vollständig über CSS-Eigenschaften hinweg zu kaskadieren.
Im Allgemeinen können Webanwendungen ziemlich viel CSS enthalten. Die meisten Werte in der CSS-Datei sind doppelte Daten; Beispielsweise kann eine Website ein Farbschema festlegen und drei oder vier Farben auf der gesamten Website wiederverwenden. Das Ändern dieser Daten kann schwierig und fehleranfällig sein, da sie über die gesamte CSS-Datei (und möglicherweise über mehrere Dateien) verstreut sind und möglicherweise nicht für Suchen und Ersetzen geeignet sind. CSS Custom Properties löst dieses Problem mit einer Familie von benutzerdefinierten, vom Autor definierten Eigenschaften, die zusammenfassend als benutzerdefinierte Eigenschaften bezeichnet werden und es Entwicklern ermöglichen, einer Eigenschaft mit einem Namen beliebige Werte zuzuweisen, und der Funktion var(), mit der Entwickler diese Werte dann verwenden können in anderen Eigenschaften an anderer Stelle im Dokument. Sehen Sie sich unten ein Beispiel an,
:root { --primary: #0B61A4; --sekundär: #25567B; } Header {Hintergrund: var(--primary); Rand unten: 2px solide var(--sekundär); }
Benutzerdefinierte CSS-Eigenschaften machen die Bearbeitung von CSS-Dateien viel einfacher und weniger fehleranfällig, da Entwickler den Wert einmal in der benutzerdefinierten Eigenschaft ändern müssen und die Änderung automatisch auf alle Verwendungen dieser Variablen übertragen wird.
Wenn Sie ein Entwickler sind, können Sie jetzt benutzerdefinierte CSS-Eigenschaften in den kürzlich veröffentlichten Windows Insider Preview-Builds ausprobieren, die mit EdgeHTML 15.15061 beginnen. Schauen Sie sich auch die an Benutzerdefinierte Eigenschaften Pooch-Demo um diese Funktion in Aktion zu sehen.
