Definitie
Hiermee zorg je ervoor dat de randen van een tabelcel en tabelrijen elkaar overlappen (collapse) of juist uit elkaar komen te staan (seperate). Wanneer de waarde op ‘seperate’ is gezet, kun je met border-spacing de tussenruimte bepalen.

Voorbeeld
table#voorbeeld {
border-collapse: collapse;
}
table#voorbeeld2 {
border-collapse: seperate;
}

Resultaten

border-collapsevak2
vak3vak4

seperatevak2
vak3vak4
Waardencollapse | seperate | inherit
Standaardinstellingseperate
Geldig voorAlle elementen die staan op ‘dispay: table’ of ‘display: table-inline’.
ErfenisJa

CSS elementen

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!