De eigenschap margin bepaalt afmetingen van de marge.
Zie ook: box-model, padding, border.
standaard | margin: 0; |
negatieve waarden | toegestaan (elementen kunnen zo over elkaar schuiven) |
vererft | nee |
Als de marge links even groot is als rechts mag de marge links worden weggelaten
Als marge links = marge rechts en marge boven = marge onder, kan volstaan worden met twee attributen:
Als alle marges (boven, rechts, onder, links) even groot zijn hoeft maar één waarde opgegeven:
Je mag altijd de vorm met 4 attributen gebruiken. De voorbeelden 2 t/m 4 kunnen dus ook zó worden geschreven:
margin: 10px 5px 0; | is hetzelfde als | margin: 10px 5px 0 5px; | margin: 10px 5px; | is hetzelfde als | margin: 10px 5px 10px 5px; | margin: 10px; | is hetzelfde als | margin: 10px 10px 10px 10px; |
Je kan ook de marges van boven, rechts, onder en links afzonderlijk opgeven:
margin-right: 5px;
margin-bottom: 0;
margin-left: 8px
Afzonderlijke marges worden voornamelijk gebruikt als je maar voor één of twee zijden de marges wilt zetten.
De meest gebruikte eenheden zijn:
px | beeldpunten (pixels) |
% | Als percentage van het omvattende element |
auto | automatisch: zie hieronder bij een element horiozontaal centreren. |
Een blok element dat niet de hele breedte van de parent in beslag neemt kan worden gecentreerd door de linker en rechter marge op auto te zetten.