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?
table
{
border-collapse: collapse; /* 'cellspacing' equivalent */
}
table td, table th
{
padding: 0; /* 'cellpadding' equivalent */
}
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.