CSSLeren.nl - Begrippen - Padding-Left -

Padding-Left

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

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

Padding-left bepaalt de breedte tussen de inhoud van een element en de rand van het element aan de linker kant. Hiermee kan je instellen, als je een border hebt ingesteld, hoeveel ruimte er tussen die border en de tekst moet zitten.

Wel belangrijk om te weten is dat padding-left bij het element wordt op getelt. Als je element width: 150px heeft en je doet er bij padding-left: 10px dan is de totale breedte 160px.

Voorbeeld:

padding-left: 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.