CSS voorbeelden eigenschap border-top


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


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

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

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

Voorbeeld border-top

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

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

Voorbeeld border-top

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

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

Voorbeeld border-top

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

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

Voorbeeld border-top



Legenda | Beschrijving | Randen | CSS eigenschappen | Begin

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