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

Als je dit een interessant
artikel vond…

wil je vast ook mijn NIEUWSBRIEF!
Iedere week weer een nieuw ARTIKEL!

Krijg je ook meteen dit ebook met 101 tips voor
creatieve ondernemers & bloggers!

ebook 101 tips voor creatieve ondernemers en bloggers