De opvulling in CSS wordt gecontroleerd met de ‘padding’ eigenschap. Dit voegt ruimte toe rondom de inhoud van een element, binnen de grenzen van dat element.
U kunt de opvulling aanpassen voor alle zijden tegelijk, afzonderlijke zijden of horizontale en verticale zijden tegelijk.
Hieronder staan enkele voorbeelden van hoe je dit kunt doen:
1. Alle zijden tegelijk:
```
div {
padding: 10px;
}
```
Dit voegt een opvulling van 10 pixels toe aan alle zijden van de div.
1. Afzonderlijke zijden:
```
div {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
```
Dit voegt een opvulling van 10 pixels toe aan de boven- en onderkant van de div, en een opvulling van 20 pixels aan de linker- en rechterkant.
1. Horizontale en verticale zijden tegelijk:
```
div {
padding: 10px 20px;
}
```
Dit voegt een opvulling van 10 pixels toe aan de boven- en onderkant van de div, en een opvulling van 20 pixels aan de linker- en rechterkant.
Opmerking: De volgorde van de waarden in het laatste voorbeeld volgt de klok: boven, rechts, onder, links. Als er maar twee waarden zijn, wordt de eerste gebruikt voor boven en onder en de tweede voor links en rechts.
