Übersicht

Die border-collapse Eigenschaft bestimmt, ob die Rahmen innerhalb einer Tabelle zusammenfallen oder getrennt dargestellt werden.

Initialwertseparate
Anwendbar auftable- und inline-table-Elemente
VererbtJa
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

border-collapse: collapse | separate

Werte

separate
Standardwert. Jede Zelle besitzt ihre eigenen Rahmen, deren Abstand mit border-spacing angegeben wird.
collapse
Die Zellen werden nur von einem Rahmen getrennt.
inherit
Der Wert des Elternelements wird geerbt.

Beispiele

Live Beispiel

.separate {                      
  border-collapse: separate;
}
1A 2A
2A 2B
.collapse {
  border-collapse: collapse;
}
1A 2A
2A 2B

Spezifikation

Spezifikation Status Anmerkung
CSS Level 2 (Revision 1)
Die Definition von 'border-collapse' in dieser Spezifikation.
Empfehlung  

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 5Opera Vollständige Unterstützung 4Safari Vollständige Unterstützung 1.2WebView Android Vollständige Unterstützung 2.3Chrome Android ? Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 11Safari iOS Vollständige Unterstützung 3Samsung Internet Android ?

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
Mitwirkende an dieser Seite: SJW, fscholz, MattDiMu, Jürgen Jeka, Michael2402
Zuletzt aktualisiert von: SJW,