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 anfänglichen (oder Standard-)Wert einer Eigenschaft auf ein Element an. Es kann auf jede CSS-Eigenschaft angewendet werden, einschließlich der Kurzschreibweise-Eigenschaft all. Wenn all auf initial gesetzt wird, können alle CSS-Eigenschaften auf ihre jeweiligen Anfangswerte zurückgesetzt werden, anstatt jede einzeln zurückzusetzen.

Bei vererbten Eigenschaften kann der Anfangswert 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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
initial

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Requires a vendor prefix or different name for use.
Has more compatibility info.

Siehe auch

  • Verwenden Sie das Schlüsselwort inherit, um die Eigenschaft eines Elements mit der seiner Eltern zu identisch zu machen.
  • Verwenden Sie das Schlüsselwort revert, um eine Eigenschaft auf den Wert zurückzusetzen, der vom Benutzeragenten-Stylesheet (oder von Benutzerstilen, falls vorhanden) festgelegt wurde.
  • Verwenden Sie das Schlüsselwort revert-layer, um eine Eigenschaft auf den Wert zurückzusetzen, der in einer vorherigen Kaskadenschicht festgelegt wurde.
  • Verwenden Sie das Schlüsselwort unset, um eine Eigenschaft auf ihren vererbten Wert zu setzen, wenn sie vererbt wird, oder auf ihren Anfangswert, wenn nicht.
  • Die Eigenschaft all ermöglicht es Ihnen, alle Eigenschaften auf einmal auf ihren Anfangswert, vererbten Wert, zurückgenommenen Wert oder nicht gesetzten Wert zurückzusetzen.