Az border-collapseingatlan tovább használható
display: table display: inline-table
separate(alapértelmezett) - amelyben minden tábla cellának megvan a maga független határa, és lehet, hogy a cellák között is van hely.collapse- amelyben a tér és a táblázat cellák közötti határok is összeomlanak, így csak egy határ és nincs hely a cellák között.
Amikor border-collapsevan collapse, figyelemre méltó, hogy az olyan tulajdonságok, mint a ( border-spacingés border-radiusa tényleges határokon), nem csinálnak semmit. Szüksége lesz, border-collapse: separate;ha bármelyikre szüksége van.
Íme egy példa, ahol a kettő között lehet váltani:
Lásd
Chris Coyier (@chriscoyier) lekerekített cellákkal ellátott tollasztalát
a CodePen-en.
Böngésző támogatás
elemek (vagy olyan elemek, amelyek úgy vannak kialakítva, hogy táblázatként viselkedjenek, vagy). Két érték létezik:| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Művek | Művek | Művek | Művek | Művek | Művek | Művek |