Die Außenabstände (Margins) verhalten sich bei CSS ähnlich wie die Innenabstände (Paddings). Der Margin Befehl definiert den Abstand von Elementen zueinander.
Wir sorgen mit dem CSS Befehl Margin zum Beispiel für einen Spalt zwischen zwei „Boxen“. Auch hier können wir wieder die Mischschreibweise verwenden. Zulässig sind Außenabstände nur bei Block-Elementen wie div, p, ul, li, ….
Befehl | Bedeutung | Mögliche Werte |
---|---|---|
margin-top | Außenabstand oben | Integer Wert in Pixel (px), mm, cm oder em |
margin-right | Außenabstand rechts | Integer Wert in Pixel (px), mm, cm oder em |
margin-bottom | Außenabstand unten | Integer Wert in Pixel (px), mm, cm oder em |
margin-left | Außenabstand links | Integer Wert in Pixel (px), mm, cm oder em |
margin | Außenabstand kombiniert | Integer Wert in Pixel (px), mm, cm oder em margin: 10px; margin: 10px 20px; margin: 10px 20px 30px 40px; |