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

Tabellenrahmen :: border-collapse

Mit border-collapse wird festgelegt, wie sich die Rahmen eines Elementes verhalten sollen. Sie können separiert dargestellt werden, also jedes Element hat seinen eigenen Rahmen, oder die Rahmen werden mit collapse übereinander gelegt.

<table class="border" style="border-collapse: collapse">
   <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-collapse: separate">
   <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-collapse Definition

CSS Version CSS 1
Startwert separate
Vererbar ja
Anwendbar auf Element <table> und alle mit "display: inline-table" formatierten Elemente
Medium visual
mögliche Werte
  • separate
  • collapse
  • inherit
Anmerkungen

Browserunterstützung von border-collapse

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
5+ 5+ 4-6 7+ 1+ 0.8+ 1+ 3.5+ 2+
J J N J J J J J J
letzte Änderung: 07.02.2010