files/de/web/css/property_template/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
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165

---
title: Eigenschaft Vorlage
slug: Web/CSS/Property_Template
tags:
  - CSS
  - CSS Referenz
  - MDN Meta
translation_of: MDN/Contribute/Howto/Document_a_CSS_property/Property_template
---
<div>{{MDNSidebar}}</div><div>{{ CSSRef() }}</div>

<h2 id="Übersicht">Übersicht</h2>

<p>Eine Beschreibung der Eigenschaft, welche erklärt was diese Eigenschaft bewirkt.</p>

<div class="note">(Falls vorhanden) Wichtige Informationen zu dieser Eigenschaft</div>

<p>{{cssinfo}}</p>

<h2 id="Syntax">Syntax</h2>

<pre class="brush:css">/* Schlüsselwortwerte */
property: value1;
property: value2;

/* &lt;length&gt; Werte */
property: 12.8em;

/* Globale Werte */
property: inherit; <em>&lt;-- To remember those are a possible values</em>
property: initial;
property: unset;
</pre>

<p><strong>&lt;Wert&gt;</strong>: wert | wert2 | wert3 | wert2</p>

<h2 id="Werte">Werte</h2>

<dl>
 <dt>wert1 {{ gecko_minversion_inline("9.9") }}</dt>
 <dd>Erläuterung.</dd>
 <dt>wert2</dt>
 <dd>....</dd>
</dl>

<h3 id="(Falls_vorhanden)_Mozilla_Erweiterungen">(Falls vorhanden) Mozilla Erweiterungen</h3>

<dl>
 <dt>-moz-*</dt>
 <dd>Erklärung</dd>
</dl>

<h3 id="Formale_Syntax">Formale Syntax</h3>

<pre class="syntaxbox">{{csssyntax}}</pre>

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

<h3 id="Beispiel_1">Beispiel 1</h3>

<h4 id="CSS">CSS</h4>

<pre class="brush:css">ElementName {
  Eigenschaft: Wert;
  dazu: "Beispiel";
  Traum: 10000000mm;
  Liebe: "Gefahr";
}</pre>

<h4 id="HTML">HTML</h4>

<pre class="brush: html">&lt;ElementName&gt;foo bar&lt;/ElementName&gt;</pre>

<h4 id="Ergebnis">Ergebnis</h4>

<p>{{EmbedLiveSample("Beispiel_1")}}</p>

<h3 id="Beispiel_2_gecko_minversion_inline(9.9)">Beispiel 2 {{ gecko_minversion_inline("9.9") }}</h3>

<pre class="brush:css">ElementName {
  eigenschaft: wert;
  /* ... */
}</pre>

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

<p><em>Benutze ausschließlich die Standardtabelle. Füge andere Spezifikationen am Ende an. Benutze das Makro \{{SpecName()}} für den Name und \{{Spec2()}} für den Status. Auf diese Weise wird der Tabelleninhalt automatisch angepasst, sobald sich der Status einer Spezifikation ändert.</em></p>

<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 Animations", "#fake-link", "fake-value")}}</td>
   <td>{{Spec2("CSS3 Animations")}}</td>
   <td>Keine Änderung</td>
  </tr>
  <tr>
   <td>{{SpecName("CSS2.1", "#fake-link", "fake value")}}</td>
   <td>{{Spec2("CSS2.1")}}</td>
   <td>Ursprüngliche Definition</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>

<p>{{CompatibilityTable()}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Merkmal</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Grundlegende Unterstützung</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>100</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Merkmal</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Grundlegende Unterstützung</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>100</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

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

<ul>
 <li><code>Links zu verwandten Eigenschaften</code></li>
</ul>