Marginaler

Marginalerna ligger utanför elementområdet och en eventuell kantlinje. De används för att öka eller minska det förinställda avståndet till blockelement som ligger ovanför, under eller bredvid.

Marginalerna regleras med egenskapen margin. När marginaler (och även utfyllnad) anges i ems och procent jämförs de med textstorleken hos det aktuella elementet. En bottenmarginal pÃ¥ 1em pÃ¥ en rubrik ger ett avstÃ¥nd under som är lika stort som rubrikraden är hög.

Precis som med kantlinjer och utfyllnad, kan du beskriva en speciell sida av elementboxen genom att skriva margin-top, margin-right, margin-bottom eller margin-left.

blockquote {margin-top:1em}

Vill du slippa skriva sÃ¥ mycket när du ska ha olika marginal pÃ¥ alla sidor, kan du ocksÃ¥ använda kortformen margin. Till det sätter man fyra värden efter varandra och alltid i turordningen top right bottom left.

p {margin:2em 0.5em 1em 0.3em}

Ännu en variant på detta är att ange två värden. Det första motsvarar då top/bottom medan det andra är värdet för left/right.

p {1em 0.5em}

OBS! Värden som är 0 (noll) behöver aldrig ha enhetsbeteckning. Noll är alltid bara noll.

Sidmarginaler

Om margin ges till väljaren body kan avstÃ¥ndet mellan webbläsarfönstrets ram och allt innehÃ¥ll ändras. I exemplet används margin:10% till vänster, medan det högra har margin:0.