Die border-collapseEigenschaft ist für die Nutzung am
display: table display: inline-table
separate(Standard) - in dem alle Tabellenzellen ihre eigenen unabhängigen Ränder haben und möglicherweise auch zwischen diesen Zellen Platz ist.collapse- bei dem sowohl der Raum als auch die Grenzen zwischen Tabellenzellen zusammenfallen, sodass nur eine Grenze und kein Raum zwischen den Zellen vorhanden ist.
Wann border-collapseist collapsees bemerkenswert, dass Eigenschaften wie border-spacingund border-radius(an tatsächlichen Grenzen) nichts tun. Sie werden brauchen, border-collapse: separate;wenn Sie eines dieser Dinge brauchen.
Hier ist ein Beispiel, in dem Sie zwischen den beiden wechseln können:
Siehe die
Stifttabelle mit abgerundeten Zellen von Chris Coyier (@chriscoyier)
auf CodePen.
Browser-Unterstützung
Elemente (oder Elemente, die sich durch oder wie eine Tabelle verhalten). Es gibt zwei Werte:| Chrom | Safari | Feuerfuchs | Oper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Funktioniert | Funktioniert | Funktioniert | Funktioniert | Funktioniert | Funktioniert | Funktioniert |