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