Impostare cellpadding e cellspacing in CSS?

In una tabella HTML, il cellpadding e cellspacing possono essere impostati così:

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

Come si può fare lo stesso usando i CSS?

LAT94
Domanda modificata 6º giugno 2018 в 7:40
Programmazione
html css html-table alignment
4º dicembre 2008 в 8:45
23 visualizzazioni
table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}
Hemerson Varela
Risposta modificata 23º luglio 2013 в 8:46
Commentari (6)

Impostare i margini sulle celle della tabella non ha alcun effetto, per quanto ne so. Il vero equivalente CSS per la "spaziatura tra le celle" è "border-spacing" - ma non funziona in Internet Explorer.

Puoi usare border-collapse: collapse per impostare in modo affidabile la spaziatura delle celle a 0 come detto, ma per qualsiasi altro valore penso che l'unico modo cross-browser sia continuare a usare l'attributo cellspacing.

Peter Mortensen
Risposta modificata 2º agosto 2013 в 8:34
Commentari (3)

Inoltre, se vuoi cellspacing="0", non dimenticare di aggiungere border-collapse: collapse nel tuo foglio di stile di table.

Commentari (0)