Cellpadding en cellspacing instellen in CSS?

In een HTML tabel kunnen de cellpadding en cellspacing als volgt worden ingesteld:

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

Hoe kan hetzelfde worden bereikt met CSS?

LAT94
Bewerkte vraag 6de2 juni 2018 в 7:40
Programmering
html css html-table alignment
4de3 december 2008 в 8:45
19 views
table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}
Hemerson Varela
Bewerkt antwoord 23ste1 juli 2013 в 8:46
Commentaren (6)

Het instellen van marges op tabelcellen heeft voor zover ik weet niet echt enig effect. Het echte CSS-equivalent voor cellspacing is border-spacing - maar dat werkt niet in Internet Explorer.

Je kunt border-collapse: collapse gebruiken om de cellspacing betrouwbaar op 0 te zetten zoals vermeld, maar voor elke andere waarde is de enige cross-browser manier denk ik om het cellspacing attribuut te blijven gebruiken.

Peter Mortensen
Bewerkt antwoord 2de4 augustus 2013 в 8:34
Commentaren (3)

Ook, als u cellspacing="0" wilt, vergeet dan niet om border-collapse: collapse toe te voegen in uw table's stylesheet.

Commentaren (0)