"border-spacing" gibt den Abstand der einzelnen Zellen einer Tabelle untereinander an. Damit bodr-spacing gesetzt und angezeigt wird, müssen die Rahmen der Zellen separiert sein. D.h. die Zellen müssen mit der Angabe "border-collapse: separate" formatiert werden. Werden die Rahmen mit "collapse" übereinander gelegt, hat border-spacing keine Auswirkungen.
<table class="border" style="border-spacing: 3px">
<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-spacing: 10px">
<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 | browserabhängig |
| Vererbar | ja |
| Anwendbar auf | alle Elemente |
| Medium | visual |
| mögliche Werte |
|
| Mehrfachangaben | |
| Anmerkungen | negative Angaben sind nicht erlaubt |
| 5+ | 5+ | 4 | 6+ | 1+ | 0.8+ | 1+ | 3.1+ | 2+ | |
| absolute und relative Angaben | J | N | J | J | J | J | J | J | |