inherits

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.

Der inherits CSS-Deskriptor der @property At-Regel steuert, ob die registrierte CSS- benutzerdefinierte Eigenschaft standardmäßig vererbt wird oder nicht. Es handelt sich um einen erforderlichen Deskriptor; fehlt er oder ist ungültig, ist die gesamte @property-Regel ungültig und wird ignoriert.

Syntax

css
/* Custom property does not inherit values */
inherits: false;

/* Custom property inherits values */
inherits: true;

Werte

true

Die Eigenschaft wird standardmäßig vererbt.

false

Die Eigenschaft wird standardmäßig nicht vererbt.

Formale Definition

Zugehörige @-Regel@property
Anfangswertauto
Berechneter Wertwie angegeben

Formaler Syntax

inherits = 
true |
false

Beispiele

Festlegen des Verhaltens der Vererbung einer benutzerdefinierten Eigenschaft

Dieses Beispiel zeigt, wie Sie eine benutzerdefinierte Eigenschaft --my-color definieren, die ihren Wert nicht von ihren Elternelementen erbt:

css
@property --my-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #c0ffee;
}

Verwendung von JavaScript CSS.registerProperty():

js
window.CSS.registerProperty({
  name: "--my-color",
  syntax: "<color>",
  inherits: false,
  initialValue: "#c0ffee",
});

Spezifikationen

Specification
CSS Properties and Values API Level 1
# inherits-descriptor

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
inherits descriptor

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch