Das Box-Modell - Beispiel Rahmen

Der Außenabstand

Die Außenabstände (margin) werden festgelegt durch die Außenabstandsbox margin-box.

Wenn man von das Modell von innen nach außen betrachtet, dann folgt auf den Inhalt der Innenabstand, die Rahmenbox und ganz außen die Außenabstandsbox.

Wenn keine Außenabstände angegeben sind, dann ist die Kante des Außenabstands identisch mit der des Rahmens.


Dieser Text ist mit einem Außenabstand von margin: 30px formatiert.

Dieser Text ist mit einem linken Außenabstand von margin-left: 100px formatiert.

Dieser Text ist mit einem Innenabstand von padding: 20px einem oberen Außenabstand von margin-top: 60px formatiert.