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
<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
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 GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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.