border

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.

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.