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. Speel vandaag nog op de beste friv online gamingportal en je zult zien dat de entertainmentindustrie zich in een enorm tempo ontwikkelt. De rest is zwart, 1px en doorgetrokken.

CSS elementen

html en css voor beginnersWil jij ook leren hoe je je eigen website kunt maken?

Wil jij tips en tricks om zo goed mogelijk zelf met alles aan de slag te kunnen?
Meld je hieronder aan voor de HTML-site nieuwsbrief en krijg elke week handige tips om een website te bouwen.
En je ontvangt meteen mijn GRATIS ebook HTML & CSS voor Beginners.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.