Außenabstand :: margin
"margin" ist die Kurzschreibweise für die einzelnen Angaben "margin-top", "margin-right", "margin-bottom" und "margin-left".
<p style="margin-top: 10px">
Ich habe oben einen Außenabstand von 10px</p>
<p style="margin-right: 150px">
Ich habe auf der rechten Seite einen Außenabstand von 150px.
Damit man dies auch sehen kann, ist dieser Text etwas länger.</p>
<p style="margin-bottom: 15px">
Dieser Text hat unten einen Abstand von 15px</p>
<p style="margin-left: 150px">
Hier ist der Außenabstand 150px auf der linken Seite.</p>
<p style="margin: 10px 100px 10px 100px">
Dieser Text besitzt Angaben für alle Außenabstände, oben 10px, rechts 100px, unten 10px und links 100px</p>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
Ich habe oben einen Außenabstand von 10px
Ich habe auf der rechten Seite einen Außenabstand von 150px. Damit man dies auch sehen kann, ist dieser Text etwas länger.
Dieser Text hat unten einen Abstand von 15px
Hier ist der Außenabstand 150px auf der linken Seite.
Dieser Text besitzt Angaben für alle Außenabstände, oben 10px, rechts 100px, unten 10px und links 100px
margin Definition
| CSS Version | CSS 1 |
| Startwert | none |
| Vererbar | nein |
| Anwendbar auf | alle Elemente |
| Medium | visual |
| mögliche Werte |
|
| Mehrfachangaben |
man kann gleich für jeden Seite eine eigenen Wert festlegen, dazu werden bis zu 4 Angaben auf einmal angegeben.
|
| Anmerkungen |
Browserunterstützung von margin
 |
 |
 |
 |
 |
 |
 |
 |
|||
|---|---|---|---|---|---|---|---|---|---|---|
| 5-5.5 | 6+ | 5+ | 4 | 6+ | 1+ | 0.8+ | 1+ | 3.1+ | 2+ | |
|
absolute und relative Angaben |
J | J | J | J | J | J | J | J | J | J |
| auto | N | J | J | N | J | J | J | J | J | J |