Margin-elementet används precis som list-style och background som ett samlingselement för samtliga margin-element.
De margin-element som finns är:
- margino-top
- Sätter övre marginalen
- margin-bottom
- Sätter nedre marginalen
- margin-left
- Sätter vänstra marginalen
- margin-right
- Sätter högra marginalen
Dessa anger det minsta avståndet mellan det aktuella elementet och de kringliggande. Om färre värden än fyra anges
så strävar motstående sidor efter att bli lika.
Ex.
<body>
<div style="margin: 10px 100px; background-color: maroon">
Text<br />
Text<br />
Text<br />
Text<br />
Text<br />
Text<br />
Text<br />
Text<br />
Text<br />
Text<br />
</div>
</body>
Detta ger textstycket marginaler på 10 pixlar i höjdled och 100 pixlar i sidled:
Text
Text
Text
Text
Text
Text
Text
Text
Text
Text
|