inherits
Baseline
2024
Neu verfügbar
Seit July 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.
Der inherits CSS Deskriptor der @property at-rule steuert, ob die registrierte CSS-Custom-Property standardmäßig geerbt wird oder nicht. Es handelt sich um einen erforderlichen Deskriptor; fehlt er oder ist er 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
Formale Definition
| Zugehörige @-Regel | @property |
|---|---|
| Anfangswert | auto |
| Berechneter Wert | wie angegeben |
Formale Syntax
inherits =
true |
false
Beispiele
Festlegen des Vererbungsverhaltens einer benutzerdefinierten Eigenschaft
Dieses Beispiel zeigt, wie eine benutzerdefinierte Eigenschaft --my-color definiert wird, 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
| Spezifikation |
|---|
| CSS Properties and Values API Level 1 # inherits-descriptor |