CSS voorbeelden eigenschap border-left


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


De border-left eigenschap kun je gebruiken om in één keer de breedte, stijl en kleur van de linkerrand van een element vast te leggen. De eigenschap heeft daarom drie waarden: de border-left-width eigenschap, de border-left-style eigenschap en de border-left-color eigenschap.

In het volgende voorbeeld is voor alle drie de eigenschappen een waarde opgenomen.

<P STYLE="border-left: 2px solid #3399CC;">Voor dit P element is de border-left eigenschap gebruikt met de waarde 2px solid #3399CC.</P>

Voorbeeld border-left

Als je geen waarde opneemt voor de kleur, dan wordt de beginwaarde van de border-left-color eigenschap aangehouden. Dat is de voor het element geldende waarde van de color eigenschap.

<P STYLE="border-left: 2px solid;">Voor dit P element is voor de border-left eigenschap geen waarde voor de kleur opgenomen. De rand heeft daarom de kleur van de tekst.</P>

Voorbeeld border-left

Als je geen waarde opneemt voor de breedte, dan wordt de beginwaarde van de border-left-width eigenschap aangehouden. Dat is medium.

<P STYLE="border-left: solid #3399CC;">Voor dit P element is voor de border-left eigenschap geen waarde voor de breedte opgenomen. De beginwaarde medium wordt aangehouden.</P>

Voorbeeld border-left

Als je geen waarde opneemt voor de stijl, dan wordt de beginwaarde van de border-left-style eigenschap aangehouden. Dat is none en als gevolg daarvan wordt er dus geen rand weergegeven.

<P STYLE="border-left: 2px #3399CC;">Voor dit P element is voor de border-left eigenschap geen waarde voor de stijl opgenomen. De beginwaarde none wordt aangehouden.</P>

Voorbeeld border-left



Legenda | Beschrijving | Randen | CSS eigenschappen | Begin

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