CSSPropertyRule

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.

Das CSSPropertyRule-Interface der CSS Properties and Values API repräsentiert eine einzelne CSS-@property-Regel.

CSSRule CSSPropertyRule

Instanz-Eigenschaften

Erbt Eigenschaften von seinem Vorfahren CSSRule.

CSSPropertyRule.inherits Nur lesbar

Gibt das Vererbungsflag der benutzerdefinierten Eigenschaft zurück.

CSSPropertyRule.initialValue Nur lesbar

Gibt den Anfangswert der benutzerdefinierten Eigenschaft zurück.

CSSPropertyRule.name Nur lesbar

Gibt den Namen der benutzerdefinierten Eigenschaft zurück.

CSSPropertyRule.syntax Nur lesbar

Gibt die wörtliche Syntax der benutzerdefinierten Eigenschaft zurück.

Instanz-Methoden

Keine spezifischen Methoden; erbt Methoden von seinem Vorfahren CSSRule.

Beispiele

Dieses Stylesheet enthält eine einzelne @property-Regel. Die erste zurückgegebene CSSRule wird eine CSSPropertyRule sein, mit den Eigenschaften und Werten, die durch die Regel in CSS definiert sind.

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

Spezifikationen

Specification
CSS Properties and Values API Level 1
# the-css-property-rule-interface

Browser-Kompatibilität

BCD tables only load in the browser