Die CSS-Eigenschaften- und Werte-API â Teil des CSS Houdini API-Frameworks â erlaubt Entwicklern, ihre CSS-Benutzerdefinierten Eigenschaften explizit zu definieren. Dies ermöglicht Typprüfungen für Eigenschaften, Standardwerte sowie Eigenschaften, die ihre Werte erben oder nicht erben.
SchnittstellenCSS.registerProperty
Definiert, wie ein Browser CSS-Benutzerdefinierte Eigenschaften parsen soll. Diese Schnittstelle wird über CSS.registerProperty
in JavaScript aufgerufen.
@property
Definiert, wie ein Browser CSS-Benutzerdefinierte Eigenschaften parsen soll. Diese Schnittstelle wird über die @property
-At-Regel in CSS verwendet.
Im Folgenden wird eine Benutzerdefinierte Eigenschaft namens --my-color
mit CSS.registerProperty
in JavaScript registriert. --my-color
nutzt die CSS-Farbsyntax, hat einen Standardwert von #c0ffee
und erbt ihren Wert nicht:
window.CSS.registerProperty({
name: "--my-color",
syntax: "<color>",
inherits: false,
initialValue: "#c0ffee",
});
Die gleiche Registrierung kann in CSS unter Verwendung der @property
-At-Regel durchgeführt werden:
@property --my-color {
syntax: "<color>";
inherits: false;
initial-value: #c0ffee;
}
Spezifikationen Browser-Kompatibilität api.CSSPropertyRule api.CSS.registerProperty_static Siehe auch MDN-Feedback-Box War diese Ãbersetzung hilfreich?
Diese Seite wurde automatisch aus dem Englischen übersetzt.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4