unset CSS-Schlüsselwort
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit März 2016 browserübergreifend verfügbar.
Das unset-Schlüsselwort in CSS setzt eine Eigenschaft auf ihren geerbten Wert zurück, wenn die Eigenschaft natürlicherweise vom übergeordneten Element erbt, und auf ihren Anfangswert, wenn dies nicht der Fall ist. Mit anderen Worten verhält es sich im ersten Fall wie das inherit-Schlüsselwort, wenn die Eigenschaft eine geerbte Eigenschaft ist, und im zweiten Fall wie das initial-Schlüsselwort, wenn die Eigenschaft eine nicht-geerbte Eigenschaft ist.
unset kann auf jede CSS-Eigenschaft angewendet werden, einschließlich der CSS-Kurzschreibweise all.
Beispiele
Farbe
color ist eine geerbte Eigenschaft.
HTML
<p>This text is red.</p>
<div class="foo">
<p>This text is also red.</p>
</div>
<div class="bar">
<p>This text is green (default inherited value).</p>
</div>
CSS
.foo {
color: blue;
}
.bar {
color: green;
}
p {
color: red;
}
.bar p {
color: unset;
}
Ergebnis
Rahmen
border ist eine nicht-geerbte Eigenschaft.
HTML
<p>This text has a red border.</p>
<div>
<p>This text has a red border.</p>
</div>
<div class="bar">
<p>This text has a black border (initial default, not inherited).</p>
</div>
CSS
div {
border: 1px solid green;
}
p {
border: 1px solid red;
}
.bar p {
border-color: unset;
}
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| CSS Cascading and Inheritance Level 4 # inherit-initial |
Browser-Kompatibilität
Siehe auch
- Verwenden Sie das
initial-Schlüsselwort, um eine Eigenschaft auf ihren Anfangswert zu setzen. - Verwenden Sie das
inherit-Schlüsselwort, um die Eigenschaft eines Elements identisch mit der seines Elternteils zu machen. - Verwenden Sie das
revert-Schlüsselwort, um eine Eigenschaft auf den Wert zurückzusetzen, der vom User-Agent-Stylesheet (oder von Benutzerstilen, falls vorhanden) festgelegt wurde. - Verwenden Sie das
revert-layer-Schlüsselwort, um eine Eigenschaft auf den Wert zurückzusetzen, der in einer vorhergehenden Kaskadenebene festgelegt wurde. - Verwenden Sie das
revert-rule-Schlüsselwort, um eine Eigenschaft auf den Wert einer früheren übereinstimmenden Stilregel zurückzusetzen. - Die
all-Eigenschaft ermöglicht es Ihnen, alle Eigenschaften gleichzeitig auf ihren initialen, geerbten, rückgesetzten oder ungesetzten Zustand zurückzusetzen.