Mit border-collapse wird festgelegt, wie sich die Rahmen eines Elementes verhalten sollen. Sie können separiert dargestellt werden, also jedes Element hat seinen eigenen Rahmen, oder die Rahmen werden mit collapse übereinander gelegt.
<table class="border" style="border-collapse: collapse">
<tr>
<td>Tabellenzelle 1.1</td>
<td>Tabellenzelle 1.2</td>
</tr>
<tr>
<td>Tabellenzelle 2.1</td>
<td>Tabellenzelle 2.2</td>
</tr>
</table>
<br /><br />
<table class="border" style="border-collapse: separate">
<tr>
<td>Tabellenzelle 1.1</td>
<td>Tabellenzelle 1.2</td>
</tr>
<tr>
<td>Tabellenzelle 2.1</td>
<td>Tabellenzelle 2.2</td>
</tr>
</table>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
Tabellenzelle 1.1 | Tabellenzelle 1.2 |
Tabellenzelle 2.1 | Tabellenzelle 2.2 |
Tabellenzelle 1.1 | Tabellenzelle 1.2 |
Tabellenzelle 2.1 | Tabellenzelle 2.2 |
CSS Version | CSS 1 |
Startwert | separate |
Vererbar | ja |
Anwendbar auf | Element <table> und alle mit "display: inline-table" formatierten Elemente |
Medium | visual |
mögliche Werte |
|
Anmerkungen |
5+ | 5+ | 4-6 | 7+ | 1+ | 0.8+ | 1+ | 3.5+ | 2+ | |
J | J | N | J | J | J | J | J | J |