files/de/web/css/unset/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

---
title: unset
slug: Web/CSS/unset
tags:
  - CSS
  - CSS Cascade
  - Layout
  - NeedsLiveSample
  - Referenz
  - Schlüsselwort
  - Web
translation_of: Web/CSS/unset
---
<div>{{CSSRef}}</div>

<p>Das <code>unset</code> <a href="/de/docs/Web/CSS">CSS</a> Schlüsselwort ist eine Kombination der Schlüsselwörter {{cssxref("initial")}} und {{cssxref("inherit")}}. Wie diese beiden anderen CSS-weiten Schlüsselwörter kann es auf alle CSS-Eigenschaften angewendet werden, einschließlich des CSS-Shorthands {{cssxref("all")}}. Dieses Schlüsselwort setzt die Eigenschaft auf ihren geerbten Wert zurück, falls er vom Elternelement geerbt wurde, oder andernfalls auf den ursprünglichen Wert. Mit anderen Worten, es verhält sich im ersten Fall wie das <code>inherit</code> Schlüsselwort und wie das <code>initial</code> Schlüsselwort im zweiten Fall.</p>

<h2 id="Beispiele">Beispiele</h2>

<pre class="brush: css">/* Kopfzeilen erhalten einen grünen Rand */
h2 {
  border: medium solid green;
}

/* Aber die in der Seitenleiste verwenden den Wert der "color" Eigenschaft (Initialwert) */
#sidebar h2 {
  border-color: unset;
}
</pre>

<pre class="brush: css">&lt;p style="color: red;"&gt;
  Dieser Text ist rot.
  &lt;em style="color:initial"&gt;
    Dieser Text ist in der Initialfarbe gehalten, d. h. schwarz
  &lt;/em&gt;
  Dieser Text ist wieder rot.
&lt;/p&gt; </pre>

<h2 id="Spezifikationen">Spezifikationen</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Kommentar</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('CSS3 Cascade', '#unset', 'unset') }}</td>
   <td>{{ Spec2('CSS3 Cascade') }}</td>
   <td>Ursprüngliche Definition</td>
  </tr>
 </tbody>
</table>

<h2 id="Browserkompatibilität">Browserkompatibilität</h2>

{{Compat("css.types.global_keywords.unset")}}

<h2 id="Siehe_auch">Siehe auch</h2>

<p>Die CSS-weiten Eigenschaftswerte: {{cssxref("initial")}}, {{cssxref("inherit")}} und {{cssxref("unset")}}.</p>