inherits
Baseline 2024Newly 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
/* 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 |
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:
@property --my-color {
syntax: "<color>";
inherits: false;
initial-value: #c0ffee;
}
Verwendung von JavaScript CSS.registerProperty()
:
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 GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
inherits descriptor |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
- Andere
@property
-Deskriptoren:initial-value
undsyntax
- CSS Properties and Values API
- CSS Painting API
- CSS Typed Object Model
- Houdini APIs