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 Inherit-Flag der benutzerdefinierten Eigenschaftsregistrierung zurück, die durch die @property-Regel dargestellt wird. Dieses Flag ist ein Boolean, der beschreibt, ob die Eigenschaft standardmäßig vererbt wird oder nicht.

Wert

Ein Boolean.

Beispiele

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

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

Spezifikationen

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

Browser-Kompatibilität