border-bottom

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

          Leuk als je dit artikel deelt:
Share

Geef een reactie

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