CSS voorbeelden eigenschap border-bottom


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


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

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

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

Voorbeeld border-bottom

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

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

Voorbeeld border-bottom

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

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

Voorbeeld border-bottom

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

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

Voorbeeld border-bottom



Legenda | Beschrijving | Randen | CSS eigenschappen | Begin

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