CSS voorbeelden eigenschap padding-left


Handleiding HTML Legenda | Beschrijving | Padding | CSS eigenschappen | Begin


De padding-left eigenschap kun je gebruiken om vast te leggen hoe groot de afstand moet zijn, die vrijgehouden wordt tussen de inhoud en de linkerrand van een element. Het daarbij overigens niet nodig dat de rand zelf ook wordt weergegeven.

In het volgende voorbeeld zijn enkele mogelijkheden voor de waarde lengte opgenomen.

<P>Voor dit P element is de padding-left eigenschap niet gebruikt.</P>
<P STYLE="padding-left: 25px;">Voor dit P element is de padding-left eigenschap gebruikt met de waarde 25px.</P>
<P STYLE="padding-left: 2.5em;">Voor dit P element is de padding-left eigenschap gebruikt met de waarde 2.5em.</P>

De voor een element vastgelegde achtergrond moet ook worden aangehouden voor de padding. Van dat gegeven wordt gebruik gemaakt om de padding in het voorbeeld beter zichtbaar te maken. In het stijlblok in de head van het document is daarom de volgende stijlregel opgenomen:

P { background-color: #FFFF99; color: #000000; }

Voorbeeld padding-left

Een percentage wordt berekend ten opzichte van de breedte van het bevattend blok. In dit geval is het bevattend blok het parent element BODY.

<P STYLE="padding-left: 25%;">Voor dit P element is de padding-left eigenschap gebruikt met de waarde 25%.</P>

Voorbeeld padding-left



Legenda | Beschrijving | Padding | CSS eigenschappen | Begin

Handleiding HTML (http://www.handleidinghtml.nl/)
Copyright © 1995-2016 Hans de Jong
Laatste wijziging: 16 januari 2005