Padding en margin

Met margin en padding kun je de (wit)ruimtes in en om een (tekst)element bepalen. De padding is een standaard optie van de verschillende contenttypen. Kies uit het uitklapmenu een waarde tussen 1 en 30 pixels. De padding zal zowel boven, rechts, onder en links toegepast worden.

In de WYSIWYG stijlen kunnen zowel een padding als een margin aan de tekstopmaak worden meegegeven.

padding invoer in de wysiwyg stijlen

Voer één waarde in om de padding aan alle kanten toe te passen. Of voer vier waarden in om de padding voor boven, rechts, onder en links te kunnen variëren.

padding aan alle kanten gelijk

padding voor alle kanten apart bepaald

Bij het ingeven van een eigen padding voor vier kanten geven de waarden respectievelijk aan:
1 boven, 2 rechts, 3 onder en 4 links.

padding in volgorde

Het verschil tussen padding en margin

padding en margin
  • De padding bepaalt de hoeveelheid (wit)ruimte binnen het element: de ruimte tussen content en de rand om de content. De padding wordt aangegeven in pixels.
  • De margin bepaalt de hoeveelheid (wit)ruimte buiten het element: de ruimte tussen het element en de omgeving. De margin wordt aangegeven in pixels.

 

Padding met een achtergrondkleur
Het verschil tussen padding en margin is bijvoorbeeld van belang wanneer een achtergrondkleur wordt meegegeven aan een element of tekststijl. De achtergrondkleur zal ook van toepassing zijn op de padding maar niet op de margin. 

padding of margin