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.
Das initial CSS Schlüsselwort wendet den Anfangs- (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 einmal auf ihre jeweiligen Anfangswerte zurückgesetzt werden, anstatt jede einzeln wiederherzustellen.
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
Grundlegende Verwendung
In diesem Beispiel verwenden wir das Schlüsselwort initial, um die color- und font-size-Eigenschaftswerte eines Elements zurückzusetzen.
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 setzen color und font-size auf das <p>-Element und setzen dann diese Eigenschaften auf dem <em>-Element auf initial, um sie zurückzusetzen.
p {
color: red;
font-size: 2rem;
}
em {
color: initial;
font-size: initial;
}
Ergebnis
Mit dem Schlüsselwort initial werden in diesem Beispiel die color- und font-size-Werte auf dem em-Element auf die Anfangswerte für color und font-size zurückgesetzt.
Spezifikationen
| Spezifikation |
|---|
| CSS Cascading and Inheritance Level 4 # initial |