http://www.tiptom.ch/homepage/ - Homepage-Tips von Thomas Lüthi

Sie sind hier: tiptom.ch > Homepage-Tips > FAQ

Wie kann ich bei Tabellen die Attribute border, cellspacing, cellpadding durch CSS ersetzen?

Durch Anwendung der CSS-Eigenschaften border, padding, border-spacing und border-collapse auf die Elemente table und td/th.

table { border: ... }

bestimmt den Aussenrahmen der ganzen Tabelle, ersetzt also (teilweise) das HTML-Attribut border.

table { border-collapse: ... border-spacing: ... }

bestimmt den Abstand zwischen den Rahmen der einzelnen Tabellenzellen und auch zwischen diesen Rahmen und dem Aussenrahmen der ganzen Tabelle, ersetzt also das HTML-Attribut cellspacing.
Zusammenfallende Rahmen (kein Abstand):
table { border-collapse:collapse; border-spacing:0; }
Getrennte Rahmen:
table { border-collapse:separate; border-spacing:10px; }
Hinweis: MS IE 6.0 kennt border-spacing noch nicht.

td, th { border: ... }

bestimmt den Rahmen der einzelnen Tabellenzellen, ersetzt also (teilweise) das HTML-Attribut border.

td, th { padding: ...}

bestimmt den Innenabstand der Tabellenzellen zu ihrem Inhalt, ersetzt also das HTML-Attribut cellpadding.

So sieht's aus: Beispielseite mit verschiedenen Tabellen.

Links:

• Tabellenformatierung mit CSS - Kapitel aus SelfHTML
  http://de.selfhtml.org/css/eigenschaften/tabellen.htm
• Kapitel "Tables" in der CSS-2-Spezifikation des World Wide Web Consortiums (W3C)
  http://www.w3.org/TR/REC-CSS2/tables.html
• Kapitel "Tabellen" in der Deutschen Übersetzung der CSS-2-Specification
  http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap17.html

Hinweis: Tabellenzellen (td, th) haben keinen margin (siehe CSS 2 Specification).

---

Auf diesen FAQ-Eintrag verlinken:
Wie kann ich bei Tabellen die Attribute border, cellspacing, cellpadding durch CSS ersetzen?
http://www.tiptom.ch/homepage/faq.php?q=tableborder

Zur Liste mit allen Fragen

Zum Seitenanfang

---