unset
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2016.
Das unset
CSS-Schlüsselwort setzt eine Eigenschaft auf ihren geerbten Wert zurück, wenn die Eigenschaft natürlicherweise von ihrem Elternelement erbt, und auf ihren Initialwert, falls nicht. Mit anderen Worten, es verhält sich wie das Schlüsselwort inherit
im ersten Fall, wenn die Eigenschaft eine geerbte Eigenschaft ist, und wie das Schlüsselwort initial
im zweiten Fall, 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
Specification |
---|
CSS Cascading and Inheritance Level 4 # inherit-initial |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
unset |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
- Verwenden Sie das Schlüsselwort
initial
, um eine Eigenschaft auf ihren Initialwert zu setzen. - Verwenden Sie das Schlüsselwort
inherit
, um eine Eigenschaft eines Elements mit der seines Elternteils gleichzusetzen. - Verwenden Sie das Schlüsselwort
revert
, um eine Eigenschaft auf den Wert zurückzusetzen, der durch das User-Agent-Stylesheet (oder durch Benutzerstile, 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. - Die Eigenschaft
all
ermöglicht es Ihnen, alle Eigenschaften gleichzeitig auf ihren initialen, geerbten, zurückgesetzten oder unset-Status zu setzen.