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 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
| Specification |
|---|
| CSS Cascading and Inheritance Level 4 # initial |