DasinitialCSS Schlüsselwort wendet deninitialen (oder Standard-) Wert einer Eigenschaft auf ein Element an. Es kann auf jede CSS-Eigenschaft angewendet werden, einschließlich der CSS-Kurzschreibweiseall. Wennall aufinitial gesetzt ist, können alle CSS-Eigenschaften auf einmal auf ihre jeweiligen Anfangswerte zurückgesetzt werden, anstatt jede einzeln wiederherzustellen.

Beigeerbten Eigenschaften kann der Anfangswert unerwartet sein. Sie sollten stattdessen in Betracht ziehen, die Schlüsselwörterinherit,unset,revert oderrevert-layer zu verwenden.

Beispiele

Benutzung von initial zum Zurücksetzen der Farbe für ein Element

HTML

<p>  <span>This text is red.</span>  <em>This text is in the initial color (typically black).</em>  <span>This is red again.</span></p>

CSS

p {  color: red;}em {  color: initial;}

Ergebnis

Mit deminitial Schlüsselwort wird in diesem Beispiel dercolor Wert desem Elements auf den Anfangswert voncolor zurückgesetzt, wie in der Spezifikation definiert.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Verwenden Sie dasinherit Schlüsselwort, um die Eigenschaft eines Elements wie die seines übergeordneten Elements erscheinen zu lassen.
• Verwenden Sie dasrevert Schlüsselwort, um eine Eigenschaft auf den Wert zurückzusetzen, der durch das User-Agent-Stylesheet (oder durch Benutzerstile, falls vorhanden) festgelegt wurde.
• Verwenden Sie dasrevert-layer Schlüsselwort, um eine Eigenschaft auf den Wert zurückzusetzen, der in einem vorherigen Kaskadenschicht festgelegt wurde.
• Verwenden Sie dasunset Schlüsselwort, um eine Eigenschaft auf ihren geerbten Wert zu setzen, wenn sie vererbt, oder auf ihren Anfangswert, wenn nicht.
• Dieall Eigenschaft ermöglicht es Ihnen, alle Eigenschaften gleichzeitig auf ihren initialen, geerbten, zurückgesetzten oder nicht gesetzten Zustand zurückzusetzen.