Den border-collapseejendom er til brug på
display: table display: inline-table
separate(standard) - hvor alle tabelceller har deres egne uafhængige grænser, og der også kan være plads mellem disse celler.collapse- hvor både mellemrummet og grænserne mellem tabelceller kollapser, så der kun er én kant og intet mellemrum mellem celler.
Hvornår border-collapseer collapsedet bemærkelsesværdigt, at egenskaber som border-spacingog border-radius(ved faktiske grænser) ikke gør noget. Du får brug for, border-collapse: separate;hvis du har brug for en af disse ting.
Her er et eksempel, hvor du kan skifte mellem de to:
Se
pennebordet med afrundede celler af Chris Coyier (@chriscoyier)
på CodePen.
Browsersupport
elementer (eller elementer lavet til at opføre sig som en tabel gennem eller). Der er to værdier:| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Arbejder | Arbejder | Arbejder | Arbejder | Arbejder | Arbejder | Arbejder |