De eigenschap padding bepaalt de afstand tussen de inhoud en de rand van een element.
Zie ook: box-model, margin, border.
| standaard | padding: 0; |
| negatieve waarden | niet toegestaan |
| vererft | nee |
Als de padding links even groot is als rechts mag de padding links worden weggelaten
Als padding links = padding rechts en padding boven = padding onder, kan volstaan worden met twee attributen:
Als alle paddings (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:
| padding: 10px 5px 0; | is hetzelfde als | padding: 10px 5px 0 5px; | padding: 10px 5px; | is hetzelfde als | padding: 10px 5px 10px 5px; | padding: 10px; | is hetzelfde als | padding: 10px 10px 10px 10px; |
De paddings van boven, rechts, onder en links kunnen ook afzonderlijk gespecificeerd:
padding-right: 5px;
padding-bottom: 0;
padding-left: 8px
Afzonderlijke paddings worden voornamelijk gebruikt als je maar voor één of twee zijden de paddings wilt zetten.
De meest gebruikte eenheden zijn:
| px | beeldpunten (pixels) |
| % | Als percentage van het omvattende element |