Der Aufbau

Jedes HTML-Element besitzt eine Box, die man sich wie einen Kasten um das Element vorstellen kann.

Die Abbildung visualisiert die Formatierungsmöglichkeiten von HTML-Elementen durch Rechtecke. Dabei kann eine Box aus folgenden Elementen bestehen (von innen nach außen betrachtet):

• Aus Texten oder Bildern (Inhaltsbereich). Diese innerste Box kann durch die Angabe von Breite (width) und Höhe (height) modifiziert werden.
• Die nach außen folgende nächste Box ist der Innenabstand (padding). Dies ist der Abstand zwischen Inhalt und Rahmen.
• Der Rahmen (border) kann ebenfalls auf vielfältige Art verändert werden.
• Die äußerste Box ist der sogenannte Außenabstand (margin).