border-collapse

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

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.