margin-bottom

  • Adressname der Version: CSS/margin-bottom
  • Titel der Version: margin-bottom
  • ID der Version: 89432
  • Erstellt:
  • Autor: Michael2402
  • Aktuelle Version? Nein
  • Kommentar

Inhalt der Version


Übersicht

Die Eigenschaft margin-bottom gibt den Abstand des Textes zur Innenkante des unteren Rahmens des Elments an.

Standardwert
0
Anwendbar auf
Alle Elemente
Geerbt
Nein
Medium
visual
Werte
Längenangabe, Prozentangabe, inherit

Syntax

margin-bottom: [Längenangabe | Prozentangabe | auto | inherit]


Werte

Längenangabe
Prozentangabe
Prozent der Breite des Elternelements
auto
Der Browser bestimmt den Wert automatisch
inherit
der Browser verwendet den Wert des Elternelements.

Beispiele

kein Beispiel vorhanden

Browser-Kompatibilität

   IE
   Netscape
   Opera
   Firefox
   Konqueror
   Netscape
   Opera
   Firefox
   Konqueror
Browser Internet Explorer Netscape Opera Firefox Konqueror
Version 4 5 6 7 4 5 6 7 3 4 5 6 7 8 1 2 3 3.5.x
wird unterstützt Ja Ja Ja Ja Ja Ja Ja Ja ? Ja Ja Ja Ja Ja Ja Ja Ja Ja

Siehe auch

margin, margin-top, margin-right, margin-left, padding

Quelltext der Version

<p><br>
</p>
<div class="breadcrumbs"><table width="100%"><tbody><tr>
<td style="width:33%;text-align:left">  </td>
<td style="width:33%;text-align:center"> ↑ <a href="de/CSS/margin">margin</a> ↑ </td>
<td style="width:33%;text-align:right"> <a href="de/CSS/margin-left">margin-left</a> → </td>
</tr></tbody></table></div>
<h3 name=".C3.9Cbersicht"> Übersicht </h3>
<p>Die Eigenschaft <b>margin-bottom</b> gibt den Abstand des Textes zur Innenkante des unteren Rahmens des Elments an.
</p>
<dl><dt>Standardwert</dt><dd> 0
</dd><dt>Anwendbar auf</dt><dd> Alle Elemente
</dd><dt>Geerbt</dt><dd> Nein
</dd><dt>Medium</dt><dd> visual
</dd><dt>Werte</dt><dd> Längenangabe, Prozentangabe, inherit
</dd></dl>
<h3 name="Syntax"> Syntax </h3>
<pre>margin-bottom: [Längenangabe | Prozentangabe | auto | inherit]</pre>
<p><br>
</p>
<h3 name="Werte"> Werte </h3>
<dl><dt>Längenangabe
</dt><dt>Prozentangabe
</dt><dd>Prozent der Breite des Elternelements
</dd><dt>auto
</dt><dd>Der Browser bestimmt den Wert automatisch
</dd><dt>inherit
</dt><dd>der Browser verwendet den Wert des Elternelements.
</dd></dl>
<h3 name="Beispiele"> Beispiele </h3>
<p>kein Beispiel vorhanden
</p>
<h3 name="Browser-Kompatibilit.C3.A4t">Browser-Kompatibilität</h3>
<pre class="eval">   <span class="comment">IE</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><table class="standard-table" style="width:100%">
  <tbody><tr>
    <th class="header">Browser</th>
    <th class="header" colspan="4">Internet Explorer</th>
    <th class="header" colspan="4">Netscape</th>
    <th class="header" colspan="6">Opera</th>
    <th class="header" colspan="3">Firefox</th>
    <th class="header" colspan="1">Konqueror</th>
  </tr>
  <tr>
    <th>Version</th>

    <th class="header">4</th>
    <th class="header">5</th>
    <th class="header">6</th>
    <th class="header">7</th>

    <th class="header">4</th>
    <th class="header">5</th>
    <th class="header">6</th>
    <th class="header">7</th>

    <th class="header">3</th>
    <th class="header">4</th>
    <th class="header">5</th>
    <th class="header">6</th>
    <th class="header">7</th>
    <th class="header">8</th>

    <th class="header">1</th>
    <th class="header">2</th>
    <th class="header">3</th>

    <th class="header">3.5.x</th>
  </tr>
  <tr>
    <td>wird unterstützt</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td>?</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>
    <td style="background:#5FE716">Ja</td>

    <td style="background:#5FE716">Ja</td>
  </tr>
</tbody></table>
<h3 name="Siehe_auch">Siehe auch</h3>
<p><a href="de/CSS/margin">margin</a>, <a href="de/CSS/margin-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>
</p>
Zu dieser Version zurücksetzen