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.

 
Vond je dit een interessant artikel?
Wil je op de hoogte gehouden worden als er weer een nieuw artikel verschijnt?
Meld je dan aan »

Geef een reactie

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