Style borderCollapse-egenskap

Definition och användning

borderCollapse Egenskapsinställning eller retur av om tabellkantlinjerna ska kollapsas till en enda kantlinje.

Se också:

CSS-tutorial:CSS-tabeller

CSS-referenshandbok:border-collapse-egenskapen

Exempel

Exempel 1

Kollapsa tabellkantlinjer:

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

Prova själv

Exempel 2

Returnera borderCollapse-egenskapen:

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

Prova själv

Syntaks

Returnera borderCollapse-egenskapen:

object.style.borderCollapse

Ställ in borderCollapse-egenskapen:

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

Egenskapsvärde

Värde Beskrivning
separate Rita en enskild kantlinje för alla tabellcellselement. Standard.
collapse

Om möjligt kommer kantlinjerna att slås samman till en enda kantlinje.

Ignorerar border-spacing och empty-cells-egenskaper.
initial Sätt detta egenskap till dess standardvärde. Se initial.
inherit Inheriterar detta egenskap från föräldrelementet. Se inherit.

Tekniska detaljer

Standardvärde: separate
Returvärde: En sträng som anger tabellens kantlinje.
CSS-version: CSS2

Webbläsarstöd

Tabellens siffror anger den första webbläsaren som helt stöder detta egenskap.

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