"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 |