Tabellenrahmen: `border-collapse`

Beispiel

Gibst du mit der Eigenschaft border für Tabellenzellen einen Rahmen an, bestimmt border-collapse die Art, wie die Rahmen dargestellt werden.

<style type="text/css"><!-- 
  td {border: solid 3px #000000;}
--></style>
</head>
<body>
<table border="0" style="border-collapse:separate;">
  <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:	separate
Vererbbar:	Ja
Anwendbar auf:	<table>-Tag und Elemente, die mit display:inline-table formatiert sind.
Medium:	Visual
Werte:	collapse Die Rahmen um Zellen werden durchgezogen gezeichnet. Eine Tabelle mit zwei Spalten und zwei Zeilen könnte so aussehen: separate Die Rahmen haben einen Abstand zwischen benachbarten Zellen. Der Abstand der Rahmen wird mit border-spacing festgelegt. Eine Tabelle mit zwei Spalten und zwei Zeilen könnte so aussehen: Inherit