De border-collapsewoning is voor gebruik op
display: table display: inline-table
separate(standaard) - waarin alle tabelcellen hun eigen onafhankelijke randen hebben en er kan ook ruimte tussen die cellen zijn.collapse- waarin zowel de ruimte als de randen tussen tabelcellen instorten, zodat er maar één rand is en geen ruimte tussen de cellen.
Wanneer border-collapseis collapse, is het opmerkelijk dat eigenschappen zoals border-spacingen border-radius(op werkelijke grenzen) niets doen. Je hebt het nodig border-collapse: separate;als je een van deze dingen nodig hebt.
Hier is een voorbeeld waarin u tussen de twee kunt wisselen:
Zie de
pentabel met afgeronde cellen door Chris Coyier (@chriscoyier)
op CodePen.
Browser-ondersteuning
elementen (of elementen gemaakt om zich te gedragen als een tafel door of). Er zijn twee waarden:| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| Werken | Werken | Werken | Werken | Werken | Werken | Werken |