CSS border-collapse egenskap

Definition och användning

border-collapse-egenskapen anger om tabellens kantlinjer ska kombineras till en enda kantlinje eller visa dem åtskilda som i standard HTML.

Se också:

CSS教程:CSS tabeller

HTML DOM referenshandbok:borderCollapse-egenskapen

Exempel

Ställ in kombineringsmodellen för tabellens kantlinjer:

table
  {
  border-collapse:collapse;
  }

Prova själv

CSS syntax

border-collapse: separate|collapse|initial|inherit;

Egenskapsvärde

Värde Beskrivning
separate Standardvärde. Kantlinjerna kommer att visas åtskilda. border-spacing- och empty-cells-attributen kommer inte att ignoreras.
collapse Om möjligt kommer kantlinjerna att kombineras till en enda kantlinje. border-spacing- och empty-cells-attributen kommer att ignoreras.
inherit Definierar att värdet för border-collapse-egenskapen ska inhämtas från föräldrelementet.

Tekniska detaljer

Standardvärde: separate
Arvsförmåga: ja
Version: CSS2
JavaScript syntax: object.style.borderCollapse="collapse"

Mer exempel

Kombinera tabellkantlinjer
Detta exempel visar om tabellens kantlinjer ska visas som en separat kantlinje eller om de ska visas åtskilda som i standard HTML.

Webbläsarstöd

Tal i tabellen anger den första webbläsare som helt stöder egenskapen.

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