Hier bist Du: Home « Tabellen « border-spacing

Tabellenrahmenabstände: border-spacing

Beispiel

Legt den Abstand der Rahmen zwischen benachbarten Tabellenzellen fest. Funktioniert nicht zusammen mit border-collapse:collapse, da die Rahmen getrennt sein müssen. Da der Initialwert für border-collapse separate ist, lässt du die Angabe am Besten gleich weg.

<style type="text/css"><!-- 
  td,table {border: solid 3px #000000;}
--></style>
</head>
<body>
<table border="0" style="border-spacing:5pt;">
  <tr>
    <td>Irgendein Inhalt<br>Irgendein Inhalt</td>
    <td>Irgendein Inhalt<br>Irgendein Inhalt</td>
  </tr>
  <tr>
    <td>Irgendein Inhalt<br>Irgendein Inhalt</td>
    <td>Irgendein Inhalt<br>Irgendein Inhalt</td>
  </tr>
</table>
Initialwert: 0
Vererbbar: Ja
Anwendbar auf: <table>-Tag und Elemente, die mit display:inline-table formatiert sind.
Medium: Visual
Werte:
Längenangabe
Inherit
Ist ein Wert angegeben, so gibt dieser die horizontalen und vertikalen Abstand an. Sind zwei Werte angegeben, so bestimmt der erste den horizontalen und der zweite den vertikalen Abstand. Negative Werte sind nicht erlaubt.
Bemerkung: Für den Internet Explorer 6 kannst du border-collapse:collapse; anstatt border-spacing:0px; verwenden. Das hat den gleichen Effekt.
Wert Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
5-6 7 8 MAC 5+ 5 6 7+ 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
Längenangabe n t j n j j j n j j j j j j