unset

Das unset-CSS-Schlüsselwort setzt eine Eigenschaft auf ihren geerbten Wert zurück, wenn die Eigenschaft von Natur aus vom Elternelement erbt, und auf ihren Anfangswert, wenn nicht. Mit anderen Worten, es verhält sich wie das inherit-Schlüsselwort im ersten Fall, wenn die Eigenschaft eine vererbte Eigenschaft ist, und wie das initial-Schlüsselwort im zweiten Fall, wenn die Eigenschaft eine nicht-vererbte Eigenschaft ist.

unset kann auf jede CSS-Eigenschaft angewendet werden, einschließlich der CSS-Kurzschreibweise all.

Beispiele

Farbe

color ist eine vererbte 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-vererbte 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

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 wie die seines Elternelements zu machen.
• Verwenden Sie das revert-Schlüsselwort, um eine Eigenschaft auf den Wert zurückzusetzen, der durch das User-Agent-Stylesheet (oder durch Benutzerstile, falls vorhanden) festgelegt wurde.
• Verwenden Sie das revert-layer-Schlüsselwort, um eine Eigenschaft auf den Wert zurückzusetzen, der in einer vorherigen Kaskadenschicht festgelegt wurde.
• Die all-Eigenschaft ermöglicht es Ihnen, alle Eigenschaften auf ihren Anfangs-, geerbten, zurückgesetzten oder ungesetzten Zustand gleichzeitig zurückzusetzen.