In de serie CSS op zondag de ‘border’. De verkorte weergave van een rand. De verkorte weergave geldt voor alle elementen die voor border gelden: border-width, border-style en border-color.

Aangezien de standaardwaarde none is, wordt er normaal gesproken geen border om een element geplaatst. Hiervoor moet je dus specifiek een breedte bepalen en de kleur en stijl. De nieuwere browsers staan ook randen toe bij inline elementen.

Voorbeelden

h1 {border: 1px solid red;}
p.groen {border: 2px dashed green;}
div.dubbel {border: 2px double red;}

Een div met een gestreepte (dashed) rand, zie bovenstaande, tweede voorbeeld

Dit was het voor deze zondag. Misschien wat kort, maar volgende week ga ik wat verder in op de specifieke individuele elementen van border.

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