Das CSS-Boxmodell-Modul definiert die margin- und padding-Eigenschaften, die zusammen mit der Höhe, der Breite und den Rahmeneigenschaften das CSS-Boxmodell bilden.

Jedes sichtbare Element auf einer Webseite ist ein Kasten, der nach dem visuellen Formatierungsmodell angeordnet ist. CSS-Eigenschaften definieren deren Größe, Position und Stapelreihenfolge, wobei die Boxmodell-Eigenschaften (und andere) die äußere Größe jedes Kastens und den Raum um sie herum definieren.

Jeder Kasten hat einen rechteckigen Inhaltsbereich, innerhalb dessen Text, Bilder und andere Inhalte angezeigt werden. Der Inhalt kann von Abständen, einem Rahmen und einem Rand an einer oder mehreren Seiten umgeben sein. Der Abstand umgibt den Inhalt, der Rahmen umgibt den Abstand, und der Rand sitzt außerhalb des Rahmens. Das Boxmodell beschreibt, wie diese Merkmale – der Inhalt, der Abstand, der Rahmen und der Rand – zusammenarbeiten, um einen Kasten zu erstellen, der durch CSS angezeigt wird.

Das CSS-Boxmodell-Modul definiert physische (oder "seitenbezogene") Eigenschaften wie margin-top und padding-top. Flussrelative Eigenschaften wie margin-block-start und margin-inline-start (die sich auf die Textausrichtung beziehen) sind in den logischen Eigenschaften und Werten definiert. Das Boxmodell-Modul wird durch das CSS-Boxsizing-Modul erweitert, das den intrinsischen Größenwert einführt und das Definieren eines Seitenverhältnisses für Elemente ermöglicht, die in mindestens einer Dimension automatisch skaliert werden.