border-collapse

Übersicht

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

Initialwert	`separate`
Anwendbar auf	`table`- und `inline-table`-Elemente
Vererbt	Ja
Medien	visuell
Berechneter Wert	wie angegeben
Animationstyp	diskret
Kanonische Reihenfolge	die eindeutige Reihenfolge definiert durch die formale Grammatik

border-collapse: collapse | separate

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.

.separate {                      
  border-collapse: separate;
}

1A	2A
2A	2B

.collapse {
  border-collapse: collapse;
}

1A	2A
2A	2B

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

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
`border-collapse`	Chrome Vollständige Unterstützung 1	Edge Vollständige Unterstützung 12	Firefox Vollständige Unterstützung 1	IE Vollständige Unterstützung 5	Opera Vollständige Unterstützung 4	Safari Vollständige Unterstützung 1.2	WebView Android Vollständige Unterstützung 2.3	Chrome Android Vollständige Unterstützung 18	Firefox Android Vollständige Unterstützung 4	Opera Android Vollständige Unterstützung 10.1	Safari iOS Vollständige Unterstützung 3	Samsung Internet Android Vollständige Unterstützung 1.0