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 des CSSPropertyRule-Interfaces repräsentiert den Eigenschaftsnamen, wobei es sich um die Serialisierung des Namens handelt, der der benutzerdefinierten Eigenschaft in der Einleitung der @property-Regel gegeben wird.

Wert

Ein String.

Beispiele

Dieses Stylesheet enthält eine einzige @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 benutzerdefinierten Eigenschaft in CSS gegeben wurde.

css
@property --property-name {
  syntax: "<color>";
  inherits: false;
  initial-value: #c0ffee;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].name); //the string "--property-name"

Spezifikationen

Specification
CSS Properties and Values API Level 1
# dom-csspropertyrule-name

Browser-Kompatibilität

BCD tables only load in the browser