unset

Das unset CSS-Schlüsselwort setzt eine Eigenschaft auf ihren geerbten Wert zurück, wenn die Eigenschaft normalerweise vom Elternteil erbt, und auf ihren Initialwert, wenn 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

Browser-Kompatibilität

Siehe auch

• Verwenden Sie das Schlüsselwort initial, um eine Eigenschaft auf ihren Initialwert zu setzen.
• Verwenden Sie das Schlüsselwort inherit, um die Eigenschaft eines Elements wie die seines Elternteils zu machen.
• Verwenden Sie das Schlüsselwort revert, um eine Eigenschaft auf den vom Benutzeragenten-Stylesheet festgelegten Wert zurückzusetzen (oder auf Benutzereinstellungen, falls vorhanden).
• Verwenden Sie das Schlüsselwort revert-layer, um eine Eigenschaft auf den in einer vorherigen Kaskadenschicht festgelegten Wert zurückzusetzen.
• Die Eigenschaft all ermöglicht es Ihnen, alle Eigenschaften gleichzeitig auf ihren initialen, geerbten, zurückgesetzten oder ungesetzten Zustand zurückzusetzen.