Margin & padding met CSS
| Categorie | CSS |
| Geplaatst | 13-05-2006 |
| Laatste aanpassing | 28-07-2010 |
Met margin en padding kun je de witruimte's om en in een element bepalen. Dit artikel legt aan de hand van afbeeldingen het verschil tussen margin en padding uit.
margin
Margin wordt gebruikt om de witruimte om een element heen te bepalen. Kijk maar eens naar het volgende voorbeeld:
Je ziet dat er tussen de twee elementen een lege ruimte ontstaat. Dit is de CSS-code voor margin:
Je kunt ook de margin voor elke kant van een object apart opgeven:
Zoals je ziet kun je ook met procenten werken.
advertentie
padding
Padding wordt gebruikt om de witruimte in een element te bepalen. Kijk maar eens naar het volgende voorbeeld:
Er onstaat een lege ruimte tussen de wand van het element en de inhoud ervan. Dit is de CSS-code voor padding:
Je kunt ook de padding voor elke kant van een object apart opgeven:
