Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Das Box-Modell

Als »Box« wird der gesamte Bereich bezeichnet, den ein Element einnimmt – einschließlich Rahmen und Abstände, d.h.

Boxbreite = width + padding + border + margin

Boxhöhe = height + padding + border + margin

margin

border

padding

Inhalt
Breite durch width

Inhaltsbreite width

Gesamtbreite der Box