collapse


 

   border-collapse: xxxxxx

Wenn Sie für Tabellenzellen einen 1px Rand bestimmen und den Abstand der Tabellenzellen mit 'cellspacing' z. B. auf 2 Pixel festlegen, können Sie den Unterschied für den Eintrag von 'border-collapse' deutlich feststellen.

Mit 'border-collapse:collapse;' werden die Rahmen um Tabellenzellen durchgezogen dargestellt (links).

Mit 'border-collapse:seperate;' werden die Rahmen um Tabellenzellen seperat dargestellt (rechts).

border-collapse: collapse;
Marke Sorte Preis
OnKühl ArabicBlack € 2,80
TschiBus Browny € 2,80
JaKorb DarkRost € 2,80 
table {
  border: 1px solid #4F4F4F;
  border-collapse: collapse;
}
   
border-collapse: separate;
Marke Sorte Preis
OnKühl ArabicBlack € 2,80
TschiBus Browny € 2,80
JaKorb DarkRost € 2,80 
table {
  border: 1px solid #4F4F4F;
  border-collapse: separate;
}