Der Aufbau
Jedes HTML-Element besitzt eine Box, die man sich wie einen Kasten um das Element vorstellen kann. Die Box besteht aus vier Bereichen — von innen nach außen betrachtet:
- Inhaltsbereich (content) — enthält Texte, Bilder oder andere Elemente. Kann mit
widthundheightin der Größe verändert werden. - Innenabstand (padding) — der Abstand zwischen Inhalt und Rahmen. Wirkt wie eine Polsterung.
- Rahmen (border) — kann in Breite, Stil und Farbe angepasst werden.
- Außenabstand (margin) — der Abstand nach außen, zu anderen Elementen.
Merke: Die vier Bereiche lassen sich einzeln über die CSS-Eigenschaften
width, height, padding, border und margin steuern. Auf den folgenden Seiten findest du je ein konkretes Beispiel.