Standard Box Modellen
Denne boks er 300px bred. Dertil kommer
padding, border og margin, som gør at den fylder mere på siden, når man bruger standard box modellen.
padding, border og margin, som gør at den fylder mere på siden, når man bruger standard box modellen.
Boksens størrelse i CSS:
width:300px;
Padding er indenfor border (div'ens baggrundsfarve kan ses her):
background-color:#0F0;
padding:10px;
Border arver - som default - tekstfarven.
color:#F00;
CSS for border angiver dog oftest både style, width, og color (i den rækkefølge):
border:solid 5px #A65C00;
Margin er udenfor border: (top, right, bottom, left - dvs. 'med uret'):
margin:10px 10px 15px 20px;
BOKSENS UDVENDIGE WIDTH ER DERFOR 300 + (padding)20 + (border)10 + (margin)30 = 360.
Hvis #wrapper width er som her 760px, er der 400px tilbage.