CSSPropertyRule: name-Eigenschaft
Baseline
2024
Newly available
Since July 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
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
| Specification |
|---|
| CSS Properties and Values API Level 1 # dom-csspropertyrule-name |
Browser-Kompatibilität
Loading…