border-collapseOmaisuus on tarkoitettu käytettäväksi
display: table display: inline-table
separate(oletus) - jossa kaikilla taulukon soluilla on omat itsenäiset rajat ja myös näiden solujen välillä voi olla tilaa.collapse- jossa sekä väli että taulukon solujen väliset reunat romahtavat, joten solujen välillä on vain yksi raja eikä tilaa.
Milloin border-collapseon collapsehuomionarvoista, että ominaisuudet, kuten border-spacingja border-radius(todellisilla rajoilla), eivät tee mitään. Tarvitset, border-collapse: separate;jos tarvitset kumpaakin näistä asioista.
Tässä on esimerkki, jossa voit vaihtaa näiden kahden välillä:
Katso
Chris Coyierin (@chriscoyier)
kynätaulukko pyöristetyillä soluilla CodePenissä.
Selaimen tuki
elementit (tai elementit, jotka on tehty toimimaan pöydän läpi tai). Arvoja on kaksi:| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Toimii | Toimii | Toimii | Toimii | Toimii | Toimii | Toimii |