Het box model

In HTML kunnen alle elementen worden voorgesteld als een box (doos). Dat geldt voor tekst, een afbeelding, een kop etc. Op een webpagina treffen we meerdere van dit soort dozen aan. De manier waarop deze dozen zich tot elkaar verhouden, wordt beschreven in wat ook wel het box model wordt genoemd.

In de ontwikkelomgeving van Google Chrome, deze omgeving is al eerder besproken, zie je onder de CSS-code een afbeelding van het box model en de daarbij voor het geselecteerde element bijbehorende eigenschappen en waarden. Hieronder staan de instellingen die van toepassing zijn op de body van het bestand template.html.

Een box of doos heeft verschillende eigenschappen: