html - para - lista de codigos css

¿Por qué las celdas y celdas no son estilos CSS?

Question

No sé por qué esto me molesta tanto, pero cuando creo sitios web, siempre trato de hacer todo mi estilo con CSS. Sin embargo, una cosa que siempre debo recordar cuando trabajo con tablas es agregar cellspacing = "0" y cellpadding = "0"

¿Por qué no hay una propiedad CSS para anular estos atributos anticuados de HTML 4?

Answer 1

Creo que alguien consideró el espaciamiento celular como una "mala práctica". Cómo entiendo que es equivalente incluido en el estándar CSS2 pero IE no admite esta propiedad. border-collapse permite establecer el espaciado a 0 valor. El relleno de celdas se puede lograr estableciendo la propiedad de relleno a elementos TD de una tabla.

Answer 2

Cellspacing :

table { border-collapse: collapse; }

En cuanto a cellpadding , puedes hacer

table tr td, table tr th { padding: 0; }

Answer 3

table { border-collapse:collapse; }

Answer 4

Mat ya respondió, pero solo para completar:

• padding → padding cellpadding
• border-spacing cellspacing → cellspacing
• border-collapse → sin equivalente HTML

También vale la pena recordar que puede establecer valores separados horizontales y verticales para los CSS, por ejemplo border-spacing: 0 1px .

Answer 5

La hoja de estilo de reinicio de Eric Myer contiene el siguiente estilo de ''reinicio'' para la tabla:

/* tables still need ''cellspacing="0"'' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

Además TD, TR se reinician:

thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

La razón por la que menciono esto es porque él tiene un comentario: "las tablas todavía necesitan celdas de celda = 0". Supongo que puso esto aquí por una razón, probablemente necesaria para algunos navegadores antiguos. A juzgar por el hecho de que este es uno de los pocos comentarios que incluyó, creo que es importante y que hay una buena razón para ello.

Basado en este comentario, ¡y este comentario solo! - Sigo usando cellspacing = "0" en el marcado a menos que alguien me diga definitivamente (debajo) por qué no necesito hacerlo. Sin embargo, podría ser innecesario en cualquier navegador moderno que valga la pena en estos días.