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.

Wil of heb jij ook een website?

  • Krijg elke dinsdag tips en ideeën voor je website
  • Ontvang het ‘Het Complete Blog Ideeën boek‘ helemaal voor niks
  • Iedere week een update van nieuwe artikelen op mijn website

Meld je ook aan!