CSSPropertyRule: `inherits`-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 inherits-Eigenschaft der CSSPropertyRule-Schnittstelle gibt das Vererbungs-Flag der benutzerdefinierten Eigenschaftsregistrierung zurück, die durch die @property-Regel dargestellt wird. Sie ist ein boolescher Wert, der beschreibt, ob die Eigenschaft standardmäßig vererbt wird oder nicht.

Wert

Ein boolescher Wert.

Beispiele

Dieses Stylesheet enthält eine einzelne @property-Regel. Die erste zurückgegebene CSSRule wird eine CSSPropertyRule sein, die diese Regel darstellt. Die inherits-Eigenschaft gibt den booleschen Wert false zurück, was dem Wert der inherits-Eigenschaft in der CSS entspricht.

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

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser