Padding

Het begrip padding geeft aan hoe groot de tussenruimte tussen de inhoud en de rand van het element moet zijn.

Toepassen op:	Alles
Beginwaarde:	0
Waarden:	[lengte], [precentage], inherit

Padding bepaalt de breedte tussen de inhoud van een element en de rand van het element. Hiermee kan je instellen, als je een border hebt ingesteld, hoeveel ruimte er tussen die border en de tekst moet zitten. Padding is op te splitsen in padding-left, padding-right, padding-top en padding-bottom.

Wel belangrijk om te weten is dat padding bij het element wordt op getelt. Als je element width: 150px heeft en je doet er bij padding: 10px dan is de totale breedte 170px. (10 links er bij en 10 rechts er bij)

Voorbeeld:

padding: 10px;

[lengte]	Het beste is om een lengte te gebruiken en dan in pixels, dit omdat de grote dan in iedere browser exact hetzelfde is. Bij gebruik van bijvoorbeeld "em" of "pt" verschilt het per browser, bij pixels niet.
[precentage]	Met een precentage wordt gekeken naar de breedte van het element waar het instaat.
inherit	De waarde van het boven liggende element wordt aangehouden.