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 ist erforderlich, wenn die @property At-Regel verwendet wird und steuert, ob die durch @property spezifizierte benutzerdefinierte Eigenschaft standardmäßig vererbt wird.

Syntax

css

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

@property --property-name {
  syntax: "<color>";
  inherits: true;
  initial-value: #c0ffee;
}

Werte

true: Die Eigenschaft wird standardmäßig vererbt.
false: Die Eigenschaft wird standardmäßig nicht vererbt.

Formale Definition

Zugehörige @-Regel	`@property`
Initialer Wert	`auto`
Berechneter Wert	wie angegeben

Formale Syntax

inherits = 
  true   |
  false

Beispiele

Fügen Sie der benutzerdefinierten Eigenschaft --my-color eine Typprüfung als Farbe hinzu, einen Standardwert, und verhindern Sie, dass sie ihren Wert vererbt:

Mit der CSS @property At-Regel:

css

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

Mit 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

BCD tables only load in the browser