7.1. Einfache Boxen

CSS geht davon aus, dass jedes Element eine oder mehrere rechteckige Boxen erzeugt, die Element-Boxen genannt werden. (In zukünftigen Versionen ist es vielleicht sogar möglich, Boxen mit anderen Formen zu verwenden. Im Moment ist die Welt aber noch rechteckig.) Im Kern besitzt jede Box einen Inhaltsbereich (content area). Dieser wird umgeben von optionalen Innenabständen (padding), Rahmen (borders) und Außenabständen (margins). Diese Teile werden als optional angesehen, weil sie alle eine Breite von null Einheiten haben können, also sozusagen nicht vorhanden sind. Ein Beispiel für einen Inhaltsbereich sehen Sie in Abbildung 7-1, zusammen mit den umgebenden Bereichen aus Rahmen, Innen- und Außenabstand.

Abbildung 7.1. Inhaltsbereich und die umgebenden Bereiche