Zum Inhalt springen

border-collapse

  • Redaktion 
  • Zuletzt aktualisiert am

#border-collapse

Legt fest, ob die Ränder der Tabelle getrennt oder zusammengeklappt werden sollen.

default border-collapse: separate;

Jede Zelle der Tabelle zeigt ihre eigenen Ränder an.

In diesem Beispiel hat jede Zelle eine border-width von 4px. Folglich ist der Rand zwischen zwei Zellen 8px.

border-collapse: collapse;

Benachbarte Tabellenzellen werden ihre Ränder zusammenführen.

Die Zelle, die als erste im Code erscheint, „gewinnt“: ihre Ränder werden die der folgenden Zellen maskieren.