Sie befinden sich hier: » CSS Angaben » Tabellen » border-spacing

Rahmenabstand :: border-spacing

"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

border-spacing Definition

CSS Version CSS 1
Startwert browserabhängig
Vererbar ja
Anwendbar auf alle Elemente
Medium visual
mögliche Werte
  • absolute und relative Angaben
  • inherit
Mehrfachangaben
Anmerkungen negative Angaben sind nicht erlaubt

Browserunterstützung von border-spacing

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
5+ 5+ 4 6+ 1+ 0.8+ 1+ 3.1+ 2+
absolute und relative Angaben J N J J J J J J
letzte Änderung: 28.02.2010