border-collapse

Ü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 AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
border-collapseChrome 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 Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 10.1Safari 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