mozilla

Versionen vergleichen

margin-bottom

Versionsänderungen

Version 89433:

Version 89433 von Michael2402 am

Version 89434:

Version 89434 von fscholz am

Titel:
margin-bottom
margin-bottom
Adressname:
CSS/margin-bottom
CSS/margin-bottom
Schlagwörter:
css, "CSS Referenz"
css, "CSS Referenz"
Inhalt:

Version 89433
Version 89434
n8      <br>n8      {{ CSSRef() }}
n10    <div class="breadcrumbs">n10    <h3>
11      <table width="100%">
12        <tbody>
13          <tr>
14            <td style="width:33%;text-align:left"></td>
15            <td style="width:33%;text-align:center">
16              ↑ <a href="de/CSS/margin">margin</a> ↑
17            </td>
18            <td style="width:33%;text-align:right">
19              <a href="de/CSS/margin-left">margin-left</a> →
20            </td>
21          </tr>
22        </tbody>
23      </table>
24    </div>
25    <h3 name=".C3.9Cbersicht">
26      Übersicht11      Übersicht:
n29      Die Eigenschaft <b>margin-bottom</b> gibt den unteren Außenn14      Die <code>margin-bottom</code> Eigenschaft legt den unteren
>abstand des Elments an.> Außenabstand eines Elements fest. Negative Werte sind erlaubt.
n31    <dl>n16    <ul>
32      <dt>17      <li>Standardwert: <code>0</code>
33        Standardwert
34      </dt>18      </li>
35      <dd>19      <li>Anwendbar auf: alle Elemente, in Tabellen nur auf Eleme
 >nte mit <a href="/de/CSS/display" title="de/CSS/display">display<
 >/a> <code>table</code>, <code>table-caption</code> und <code>inli
 >ne-table</code>
36        0
37      </dd>20      </li>
38      <dt>21      <li>Vererbbar: Nein
39        Anwendbar auf
40      </dt>22      </li>
41      <dd>23      <li>Prozentwerte: beziehen sich immer auf die <a href="/de/
 >CSS/width" title="de/CSS/width">Breite</a> des umschließenden Blo
 >cks.
42        Alle Elemente
43      </dd>24      </li>
44      <dt>25      <li>Medium: visuell
45        Geerbt
46      </dt>26      </li>
47      <dd>27      <li>berechneter Wert: eine Prozentzahl wie festgelegt oder 
 >die absolute Länge.
48        Nein
49      </dd>28      </li>
50      <dt>
51        Medium
52      </dt>
53      <dd>
54        visual
55      </dd>
56      <dt>
57        Werte
58      </dt>
59      <dd>
60        Längenangabe, Prozentangabe, inherit
61      </dd>
62    </dl>29    </ul>
63    <h3 name="Syntax">30    <h3>
n66    <pre>n33    <pre class="eval">
67margin-bottom: [Längenangabe | Prozentangabe | auto | inherit]34margin-bottom: &lt;Längenangabe&gt; | &lt;Prozentzahl&gt; | auto 
 >| inherit
n69    <p>n36    <h3>
70      <br>
71    </p>
72    <h3 name="Werte">
n77        Längenangaben41        &lt;Längenangabe&gt;
78      </dt>
79      <dt>
80        Prozentangabe
n83        Prozent der Breite des Elternelementsn44        Legt eine bestimmte <a href="/de/CSS/Einheiten#L.c3.a4nge
 >n" title="de/CSS/Einheiten#L.c3.a4ngen">Länge</a> fest. Negative 
 >Werte sind erlaubt.
45      </dd>
46      <dt>
47        &lt;Prozentzahl&gt;
48      </dt>
49      <dd>
50        Ein <a href="/de/CSS/Einheiten#Prozent" title="de/CSS/Ein
 >heiten#Prozent">prozentualer</a> Wert, der sich auf die Breite de
 >s umschließenden Blocks (<em>containing block</em>) bezieht. Nega
 >tive Werte sind erlaubt.
n89        Der Browser bestimmt den Wert automatischn56        <code>auto</code> wird von einem passendem Wert ersetzt, 
 >wobei die horizontalen bzw. vertikalen Dimensionen berücksichtigt
 > werden.
n95        der Browser verwendet den Wert des Elternelements.n62        Der Wert des Elternelements wird geerbt.
n98    <h3 name="Beispiele">n65    <h3>
n101    <p>n68    <pre>
102      kein Beispiel vorhanden69.content { margin-bottom: 5%; }
70.sidebox { margin-bottom: 10px; }
71.logo    { margin-bottom: -5px; }
72</pre>
103    </p>73    <h3>
104    <h3 name="Browser-Kompatibilit.C3.A4t">
105      Browser-Kompatibilität74      Browser <span>Kompatibilität</span>
n107    <pre class="eval">n
108   <span class="comment">IE</span>
109</pre>
110    <pre class="eval">
111   <span class="comment">Netscape</span>
112</pre>
113    <pre class="eval">
114   <span class="comment">Opera</span>
115</pre>
116    <pre class="eval">
117   <span class="comment">Firefox</span>
118</pre>
119    <pre class="eval">
120   <span class="comment">Konqueror</span>
121</pre>
122    <pre class="eval">
123   <span class="comment">Netscape</span>
124</pre>
125    <pre class="eval">
126   <span class="comment">Opera</span>
127</pre>
128    <pre class="eval">
129   <span class="comment">Firefox</span>
130</pre>
131    <pre class="eval">
132   <span class="comment">Konqueror</span>
133</pre>
134    <table class="standard-table" style="width:100%">76    <table class="standard-table">
n137          <th class="header">n79          <th>
n140          <th class="header" colspan="4">n82          <th>
141            Internet Explorer83            ab Version
n143          <th class="header" colspan="4">n
144            Netscape
145          </th>
146          <th class="header" colspan="6">
147            Opera
148          </th>
149          <th class="header" colspan="3">
150            Firefox
151          </th>
152          <th class="header" colspan="1">
153            Konqueror
154          </th>
155        </tr>
156        <tr>
n158            Versionn86            <code>auto</code> Wert
159          </th>
160          <th class="header">
161            4
162          </th>
163          <th class="header">
164            5
165          </th>
166          <th class="header">
167            6
168          </th>
169          <th class="header">
170            7
171          </th>
172          <th class="header">
173            4
174          </th>
175          <th class="header">
176            5
177          </th>
178          <th class="header">
179            6
180          </th>
181          <th class="header">
182            7
183          </th>
184          <th class="header">
185            3
186          </th>
187          <th class="header">
188            4
189          </th>
190          <th class="header">
191            5
192          </th>
193          <th class="header">
194            6
195          </th>
196          <th class="header">
197            7
198          </th>
199          <th class="header">
200            8
201          </th>
202          <th class="header">
203            1
204          </th>
205          <th class="header">
206            2
207          </th>
208          <th class="header">
209            3
210          </th>
211          <th class="header">
212            3.5.x
n217            wird unterstütztn91            Internet Explorer
218          </td>
219          <td style="background:#5FE716">
220            Ja
221          </td>
222          <td style="background:#5FE716">
223            Ja
224          </td>
225          <td style="background:#5FE716">
226            Ja
227          </td>
228          <td style="background:#5FE716">
229            Ja
230          </td>
231          <td style="background:#5FE716">
232            Ja
233          </td>
234          <td style="background:#5FE716">
235            Ja
236          </td>
237          <td style="background:#5FE716">
238            Ja
239          </td>
240          <td style="background:#5FE716">
241            Ja
n244            ?n94            3.0
n246          <td style="background:#5FE716">n96          <td>
247            Ja97            6.0 (strict mode)
n249          <td style="background:#5FE716">n99        </tr>
250            Ja100        <tr>
101          <td>
102            Firefox (Gecko)
n252          <td style="background:#5FE716">n104          <td>
253            Ja105            1.0 (1.0)
n255          <td style="background:#5FE716">n107          <td>
256            Ja108            1.0 (1.0)
n258          <td style="background:#5FE716">n110        </tr>
111        <tr>
112          <td>
259            Ja113            Opera
n261          <td style="background:#5FE716">n115          <td>
262            Ja116            3.5
n264          <td style="background:#5FE716">n118          <td>
265            Ja119            3.5
n267          <td style="background:#5FE716">n121        </tr>
268            Ja122        <tr>
123          <td>
124            Safari (WebKit)
n270          <td style="background:#5FE716">n126          <td>
271            Ja127            1.0 (85)
128          </td>
129          <td>
130            1.0 (85)
n276    <h3 name="Siehe_auch">n135    <h3>
136      Spezifikation
137    </h3>
138    <ul>
139      <li>
140        <a class="external" href="http://www.w3.org/TR/CSS21/box.
 >html#margin-properties" lang="en">CSS 2.1 Visual formatting #marg
 >in</a>
141      </li>
142    </ul>
143    <h3>
nn146    <ul>
147      <li>
148        <a href="/de/CSS/margin" title="de/CSS/margin"><code>marg
 >in</code></a>, <a href="/de/CSS/margin-right" title="de/CSS/margi
 >n-right"><code>margin-right</code></a>, <a href="/de/CSS/margin-t
 >op" title="de/CSS/margin-top"><code>margin-top</code></a>, <a hre
 >f="/de/CSS/margin-left" title="de/CSS/margin-left"><code>margin-l
 >eft</code></a>
149      </li>
150      <li>
151        <a href="/de/CSS/-moz-margin-start" title="de/CSS/-moz-ma
 >rgin-start"><code>-moz-margin-start</code></a>, <a href="/de/CSS/
 >-moz-margin-end" title="de/CSS/-moz-margin-end"><code>-moz-margin
 >-end</code></a>
152      </li>
153      <li>
154        <a href="/de/CSS/padding" title="de/CSS/padding"><code>pa
 >dding</code></a>
155      </li>
156    </ul>
t280      <a href="de/CSS/margin">margin</a>, <a href="de/CSS/margin-t158      {{ languages( {"en": "en/CSS/margin-bottom"} ) }}
>top">margin-top</a>, <a href="de/CSS/margin-right">margin-right</ 
>a>, <a href="de/CSS/margin-left">margin-left</a>, <a href="de/CSS 
>/padding">padding</a> 

Zurück zur Versionsgeschichte