border-bottom

In de serie CSS op zondag, deze keer het element border-bottom, de verkorte CSS code om de dikte, de stijl en de kleur van de bodem lijn te bepalen.

De waarden van border-bottom

Border-bottom gebruikt de waarden van border-width, border-style en border-color. Tenslotte kan de waarde ook overerft worden van een voorgaande border bepaling.

In principe is het niet nodig een vaste volgorde hiervoor aan te houden. Wanneer er een bepaalde waarde mist, wordt deze automatisch op 0 gezet en is er geen border zichtbaar.

Voorbeelden border-bottom

ul {border-bottom: 1px solid grey;}
a:active{border-bottom: purple 3px dashed;}

Hier een voorbeeld met een border-bottom van 3px, paars, gestreept. De rest is zwart, 1px en doorgetrokken.

CSS elementen

 
Vond je dit een interessant artikel?
Wil je op de hoogte gehouden worden als er weer een nieuw artikel verschijnt?
Meld je dan aan »

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *