CSSPropertyRule
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 CSSPropertyRule-Schnittstelle der CSS Properties and Values API repräsentiert eine einzelne CSS @property-Regel.
Instanz-Eigenschaften
Erbt Eigenschaften von ihrem Vorfahren CSSRule.
CSSPropertyRule.inheritsSchreibgeschützt-
Gibt das Vererbungsflag der benutzerdefinierten Eigenschaft zurück.
CSSPropertyRule.initialValueSchreibgeschützt-
Gibt den Anfangswert der benutzerdefinierten Eigenschaft zurück.
CSSPropertyRule.nameSchreibgeschützt-
Gibt den Namen der benutzerdefinierten Eigenschaft zurück.
CSSPropertyRule.syntaxSchreibgeschützt-
Gibt die literale Syntax der benutzerdefinierten Eigenschaft zurück.
Instanz-Methoden
Keine spezifischen Methoden; erbt Methoden von ihrem Vorfahren CSSRule.
Beispiele
Dieses Stylesheet enthält eine einzelne @property-Regel. Die erste zurückgegebene CSSRule wird eine CSSPropertyRule mit den Eigenschaften und Werten sein, wie sie in der CSS-Regel definiert sind.
@property --property-name {
syntax: "<color>";
inherits: false;
initial-value: #c0ffee;
}
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // A CSSPropertyRule
Spezifikationen
| Spezifikation |
|---|
| CSS Properties and Values API Level 1 # the-css-property-rule-interface |