¿Establecer el cellpadding y el cellspacing en CSS?

En una tabla HTML, el cellpadding y el cellspacing se pueden establecer así:

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

¿Cómo se puede hacer lo mismo con CSS?

LAT94
Pregunta editada 6º junio 2018 в 7:40
Programación
html css html-table alignment
4º diciembre 2008 в 8:45
23 vistas
table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}
Hemerson Varela
Respuesta editada 23º julio 2013 в 8:46
Comentarios (6)

Establecer márgenes en las celdas de la tabla no tiene ningún efecto, por lo que sé. El verdadero equivalente en CSS para el cellspacing es el border-spacing - pero no funciona en Internet Explorer.

Puedes usar border-collapse: collapse para establecer de forma fiable el espaciado entre celdas a 0 como se ha mencionado, pero para cualquier otro valor creo que la única forma de cruzar los navegadores es seguir usando el atributo cellspacing.

Peter Mortensen
Respuesta editada 2º agosto 2013 в 8:34
Comentarios (3)

Además, si quieres cellspacing="0", no olvides añadir border-collapse: collapse en la hoja de estilos de tu table.

Comentarios (0)