initial

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨November 2015⁩.

Das initial CSS Schlüsselwort wendet den initialen (oder Standard-) Wert einer Eigenschaft auf ein Element an. Es kann auf jede CSS-Eigenschaft angewendet werden, einschließlich der CSS-Kurzschreibweise all. Mit all auf initial gesetzt, können alle CSS-Eigenschaften auf ihre jeweiligen Ausgangswerte in einem Rutsch zurückgesetzt werden, anstatt jede einzeln wiederherzustellen.

Bei vererbten Eigenschaften könnte der Ausgangswert unerwartet sein. Sie sollten stattdessen die Schlüsselwörter inherit, unset, revert oder revert-layer in Betracht ziehen.

Beispiele

Verwendung von initial, um die Farbe für ein Element zurückzusetzen

HTML

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

css

p {
  color: red;
}

em {
  color: initial;
}

Ergebnis

Mit dem Schlüsselwort initial wird in diesem Beispiel der color-Wert des em Elements auf den Anfangswert von color zurückgesetzt, wie in der Spezifikation definiert.

Spezifikationen

Specification
CSS Cascading and Inheritance Level 4 # initial

Browser-Kompatibilität

Siehe auch

Verwenden Sie das inherit Schlüsselwort, um eine Eigenschaft eines Elements auf die gleiche wie die seines Elternteils zu setzen.
Verwenden Sie das revert Schlüsselwort, um eine Eigenschaft auf den von der Benutzeragenten-Stylesheet (oder von Benutzerstilen, falls vorhanden) festgelegten Wert zurückzusetzen.
Verwenden Sie das revert-layer Schlüsselwort, um eine Eigenschaft auf den in einer vorherigen Kaskadenschicht festgelegten Wert zurückzusetzen.
Verwenden Sie das unset Schlüsselwort, um eine Eigenschaft auf ihren geerbten Wert einzustellen, wenn sie vererbt, oder auf ihren Anfangswert, wenn nicht.
Die all Eigenschaft ermöglicht es, alle Eigenschaften gleichzeitig auf ihren initialen, geerbten, zurückgesetzten oder ungesetzten Zustand zurückzusetzen.

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden