unset
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since März 2016.
Das unset-CSS-Schlüsselwort setzt eine Eigenschaft auf ihren geerbten Wert zurück, wenn die Eigenschaft natürlich vom übergeordneten Element erbt, und auf ihren anfänglichen Wert, wenn nicht. Mit anderen Worten, es verhält sich wie das inherit-Schlüsselwort im ersten Fall, wenn die Eigenschaft eine geerbte Eigenschaft ist, und wie das initial-Schlüsselwort im zweiten Fall, wenn die Eigenschaft eine nicht geerbte Eigenschaft ist.
unset kann auf jede CSS-Eigenschaft angewendet werden, einschließlich der CSS-Kurzschreibweiseigenschaft 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
| Specification |
|---|
| CSS Cascading and Inheritance Level 4 # inherit-initial |
Browser-Kompatibilität
Siehe auch
- Verwenden Sie das
initial-Schlüsselwort, um eine Eigenschaft auf ihren anfänglichen Wert zu setzen. - Verwenden Sie das
inherit-Schlüsselwort, um die Eigenschaft eines Elements mit der seines übergeordneten Elements gleichzusetzen. - Verwenden Sie das
revert-Schlüsselwort, um eine Eigenschaft auf den Wert zurückzusetzen, der durch das Benutzeragenten-Stylesheet (oder durch Benutzerstile, falls vorhanden) festgelegt wurde. - Verwenden Sie das
revert-layer-Schlüsselwort, um eine Eigenschaft auf den in einer vorherigen Kaskadenschicht festgelegten Wert zurückzusetzen. - Die
all-Eigenschaft ermöglicht es Ihnen, alle Eigenschaften auf einmal auf ihren anfänglichen, geerbten, zurückgesetzten oder nicht gesetzten Zustand zurückzusetzen.