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 von Natur aus vom übergeordneten Element erbt, und auf ihren Anfangswert, wenn dies nicht der Fall ist. 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

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

css

.foo { color: blue; } .bar { color: green; } p { color: red; } .bar p { color: unset; }

Ergebnis

Rahmen

border ist eine nicht geerbte Eigenschaft.

HTML

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

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 Anfangswert zu setzen.
Verwenden Sie das inherit Schlüsselwort, um die Eigenschaft eines Elements so einzustellen, dass sie der des übergeordneten Elements entspricht.
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 Wert in einer vorherigen Kaskadenschicht zurückzusetzen.
Mit der all Eigenschaft können Sie alle Eigenschaften auf einmal auf ihren initialen, geerbten, zurückgesetzten oder nicht gesetzten Zustand zurücksetzen.

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden