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.

Ik geloof je heus wel!

Je zit echt niet te wachten op weer een saaie nieuwsbrief...
Met allerlei oninteressante informatie.
Maar echt, als je mijn mails probeert, dan beloof ik je te helpen met de zoektocht naar jouw perfecte niche! Zodat jij een website kunt maken rond jouw favoriete onderwerp of idee!
En je krijgt meteen toegang tot mijn gratis downloads. Proberen? Meld je hieronder aan!

Geef een reactie

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