CSS-Schlüsselwort `initial`

Baseline

Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit November 2015 browserübergreifend verfügbar.

Vollständige Kompatibilität anzeigen
Mehr erfahren

Das CSS-Schlüsselwort initial weist einem Element den Anfangswert (oder Standardwert) einer CSS-Eigenschaft zu. Es kann auf jede CSS-Eigenschaft angewendet werden, einschließlich der CSS-Kurzschreibweise all. Wird all auf initial gesetzt, lassen sich alle CSS-Eigenschaften auf einmal auf ihre jeweiligen Anfangswerte zurücksetzen, statt jede einzeln zurückzusetzen.

Bei vererbten Eigenschaften kann der Anfangswert unerwartet sein. Ziehen Sie stattdessen die Schlüsselwörter inherit, unset, revert, revert-layer oder revert-rule in Betracht.

Beispiele

Grundlegende Verwendung

In diesem Beispiel verwenden wir das Schlüsselwort initial, um die Werte der Eigenschaften color und font-size eines Elements zurückzusetzen.

HTML

html

<p>
  This text is red and large.
  <em
    >This text is in the initial color (typically black) and initial size
    (typically 16px).</em
  >
  This is red and large again.
</p>

CSS

Wir legen color und font-size für das Element <p> fest und setzen diese Eigenschaften anschließend beim Element <em> auf initial zurück.

css

p {
  color: red;
  font-size: 2rem;
}

em {
  color: initial;
  font-size: initial;
}

Ergebnis

Durch das Schlüsselwort initial werden in diesem Beispiel die Werte für color und font-size beim Element em auf die jeweiligen Anfangswerte von color und font-size zurückgesetzt.