Cellpadding und Cellspacing in CSS festlegen?

In einer HTML-Tabelle können cellpadding und cellspacing wie folgt eingestellt werden:

<table cellspacing="1" cellpadding="1">

Wie kann dasselbe mit CSS erreicht werden?

LAT94
Bearbeitete Frage 6. Juni 2018 в 7:40
Programmierung
html css html-table alignment
4. Dezember 2008 в 8:45
23 Aufrufe
table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}
Hemerson Varela
Bearbeitete Antwort 23. Juli 2013 в 8:46
Kommentare (6)

Soweit ich weiß, hat das Einstellen von Rändern bei Tabellenzellen keine wirkliche Wirkung. Das echte CSS-Äquivalent für "cellspacing" ist "border-spacing" - aber das funktioniert im Internet Explorer nicht.

Sie können border-collapse: collapse verwenden, um den Zellabstand wie erwähnt zuverlässig auf 0 zu setzen, aber für jeden anderen Wert ist die einzige browserübergreifende Möglichkeit, das Attribut cellspacing zu verwenden.

Peter Mortensen
Bearbeitete Antwort 2. August 2013 в 8:34
Kommentare (3)

Wenn Sie cellspacing="0" wünschen, vergessen Sie nicht, border-collapse: collapse in das Stylesheet Ihrer table aufzunehmen.

Kommentare (0)