Style borderCollapse eigenschap

Definitie en gebruik

borderCollapse Eigenschap instellen of retourneren of de tabelranden samengevoegd moeten worden tot een enkele rand.

Zie ook:

CSS Handleiding:CSS table

CSS Referentiemanualborder-collapse-eigenschap

Voorbeeld

Voorbeeld 1

Samenvouwen van tabelranden:

document.getElementById("myTable").style.borderCollapse = "collapse";

Probeer het zelf uit

Voorbeeld 2

Retourneer de borderCollapse-eigenschap:

alert(document.getElementById("myTable").style.borderCollapse);

Probeer het zelf uit

Syntaxis

Retourneer de borderCollapse-eigenschap:

object.style.borderCollapse

Stel de borderCollapse-eigenschap in:

object.style.borderCollapse = "separate|collapse|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
separate Trek een aparte rand voor alle tabelcel-elementen. Standaard.
collapse

Indien mogelijk, worden de randen samengevoegd tot een enkele rand.

border-spacing en empty-cells-eigenschappen worden genegeerd.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouderlijke elementen. Raadpleeg inherit.

Technische details

Standaardwaarde: separate
Retourwaarde: Een string die de rand van het tabelbord geeft aan.
CSS Versie: CSS2

Browserondersteuning

Tabelnummers vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0