CSSPropertyRule: name-Eigenschaft
Baseline 2024
Neu verfügbar
Seit Juli 2024 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Die schreibgeschützte name-Eigenschaft der CSSPropertyRule-Schnittstelle repräsentiert den Eigenschaftsnamen, wobei es sich um die Serialisierung des Namens handelt, der der benutzerdefinierten Eigenschaft im Vorspann der @property-Regel gegeben wurde.
Wert
Ein String.
Beispiele
Dieses Stylesheet enthält eine einzelne @property-Regel. Die erste zurückgegebene CSSRule wird eine CSSPropertyRule sein, die diese Regel repräsentiert. Die name-Eigenschaft gibt den String "--property-name" zurück, welcher der Name ist, der der benutzerdefinierten Eigenschaft in CSS gegeben wurde.
css
@property --property-name {
syntax: "<color>";
inherits: false;
initial-value: #c0ffee;
}
js
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].name); // "--property-name"
Spezifikationen
| Spezifikation |
|---|
| CSS Properties and Values API Level 1 # dom-csspropertyrule-name |