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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
|
---
title: all
slug: Web/CSS/all
tags:
- CSS
- CSS Cascade
- CSS Eigenschaft
- Layout
- Referenz
translation_of: Web/CSS/all
---
<p>{{CSSRef}}</p>
<h2 id="Übersicht">Übersicht</h2>
<p>Die <code>all</code> <a href="/de/docs/Web/CSS" title="CSS">CSS</a> Kurzform Eigenschaft setzt alle Eigenschaften mit Ausnahme von {{cssxref("unicode-bidi")}} und {{cssxref("direction")}} auf ihren ursprünglichen oder vererbten Wert zurück.</p>
<p>{{cssinfo}}</p>
<h2 id="Syntax">Syntax</h2>
<pre class="brush:css">all: initial;
all: inherit;
all: unset;
</pre>
<h3 id="Werte">Werte</h3>
<dl>
<dt><code>initial</code></dt>
<dd>Dieses Schlüsselwort gibt an, dass alle dem Element oder dem Elternelement zugewiesenen Eigenschaften auf deren ursprünglichen Wert geändert werden sollen. {{cssxref("unicode-bidi")}} und {{cssxref("direction")}} Werte sind davon nicht betroffen.</dd>
<dt><code>inherit</code></dt>
<dd>Dieses Schlüsselwort gibt an, dass alle dem Element oder dem Elternelement zugewiesenen Eigenschaften auf den Wert des Elternelements geändert werden sollen. {{cssxref("unicode-bidi")}} und {{cssxref("direction")}} Werte sind davon nicht betroffen.</dd>
<dt><code>unset</code></dt>
<dd>Dieses Schlüsselwort gibt an, dass alle dem Element oder dem Elternelement zugewiesenen Eigenschaften auf den Wert des Elternelements geändert werden sollen, falls sie vererbbar sind, ansonsten auf ihren ursprünglichen Wert. {{cssxref("unicode-bidi")}} und {{cssxref("direction")}} Werte sind davon nicht betroffen.</dd>
</dl>
<h3 id="Formale_Syntax">Formale Syntax</h3>
{{csssyntax}}
<h2 id="Beispiele">Beispiele</h2>
<p id="HTML"><strong>HTML</strong></p>
<pre class="brush: html"><blockquote id="quote">Lorem ipsum dolor sit amet.</blockquote> Phasellus eget velit sagittis.</pre>
<p id="CSS"><strong>CSS</strong></p>
<pre class="brush: css">html {
font-size: small;
background-color: #F0F0F0;
color: blue;
}
blockquote {
background-color: skyblue;
color: red;
}
</pre>
<p>Ergibt:</p>
<div id="Beispiel0" style="display: inline-block; width: 225px; vertical-align: top;">
<h4 id="Keine_all_Eigenschaft">Keine <code>all</code> Eigenschaft</h4>
<pre class="brush: css" class="hidden">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
blockquote { background-color: skyblue; color: red; }</pre>
{{EmbedLiveSample("Beispiel0", "200", "125")}}
<p>Das {{HTMLElement("blockquote")}} Element verwendet die Standarddarstellung des Browsers zusammen mit einer angepassten Hintergrund- und Textfarbe. Es verhält sich auch wie ein <em>Blockelement</em>: Der Text, der ihm folgt, wird unter ihm angezeigt.</p>
</div>
<div id="Beispiel1" style="display: inline-block; width: 225px; vertical-align: top;">
<h4 id="allunset"><code>all:unset</code></h4>
<pre class="brush: css" class="hidden">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
blockquote { background-color: skyblue; color: red; }
blockquote { all: unset; }</pre>
{{EmbedLiveSample("Beispiel1", "200", "125")}}
<p>Das {{HTMLElement("blockquote")}} Element verwendet nicht die Standarddarstellung des Browsers: Es ist jetzt ein <em>Inlineelement</em> (ursprünglicher Wert), seine {{cssxref("background-color")}} Eigenschaft ist <code>transparent</code> (ursprünglicher Wert), aber seine {{cssxref("font-size")}} Eigenschaft ist immer noch <code>small</code> (vererbter Wert) und seine {{cssxref("color")}} Eigenschaft ist <code>blue</code> (vererbter Wert).</p>
</div>
<div id="Beispiel2" style="display: inline-block; width: 225px; vertical-align: top;">
<h4 id="allinitial"><code>all:initial</code></h4>
<pre class="brush: css" class="hidden">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
blockquote { background-color: skyblue; color: red; }
blockquote { all: initial; }</pre>
{{EmbedLiveSample("Beispiel2", "200", "125")}}
<p>Das {{HTMLElement("blockquote")}} Element verwendet nicht die Standarddarstellung des Browsers: Es ist jetzt ein <em>Inlineelement</em> (ursprünglicher Wert), seine {{cssxref("background-color")}} Eigenschaft ist <code>transparent</code> (ursprünglicher Wert), seine {{cssxref("font-size")}} Eigenschaft ist <code>normal</code> (ursprünglicher Wert) und seine {{cssxref("color")}} Eigenschaft ist <code>black</code> (ursprünglicher Wert).</p>
</div>
<div id="Beispiel3" style="display: inline-block; width: 225px; vertical-align: top;">
<h4 id="allinherit"><code>all:inherit</code></h4>
<pre class="brush: css" class="hidden">html { font-size: small; background-color: <span class="st">#F0F0F0</span>; color:blue; }
blockquote { background-color: skyblue; color: red; }
blockquote { all: inherit; }</pre>
{{EmbedLiveSample("Beispiel3", "200", "125")}}
<p>Das {{HTMLElement("blockquote")}} Element verwendet nicht die Standarddarstellung des Browsers: Es ist jetzt ein <em>Blockelement</em> (vererbter Wert seines beinhaltenden {{HTMLElement("div")}}), seine {{cssxref("background-color")}} Eigenschaft ist <code>transparent</code> (vererbter Wert), seine {{cssxref("font-size")}} Eigenschaft ist <code>small</code> (vererbter Wert) und seine {{cssxref("color")}} Eigenschaft ist <code>blue</code> (vererbter Wert).</p>
</div>
<h2 id="Spezifikationen">Spezifikationen</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Spezifikation</th>
<th scope="col">Status</th>
<th scope="col">Anmerkung</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ SpecName('CSS3 Cascade', '#all-shorthand', 'all') }}</td>
<td>{{ Spec2('CSS3 Cascade') }}</td>
<td>Ursprüngliche Definition</td>
</tr>
</tbody>
</table>
<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>
<p>{{Compat("css.properties.all")}}</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<p>Die CSS-weiten Eigenschaften {{cssxref("initial")}}, {{cssxref("inherit")}} und {{cssxref("unset")}}.</p>
|
