Propiedades propias de las tablas.
border-collapse: Si los bordes de celdas vecinas se funden en uno (collapse, lo habitual) o van separados.
Propiedades propias de las tablas. Los bordes, el relleno y los colores de las celdas son los de siempre.
Cada elemento lleva una definición corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para editarlos y ver el resultado al momento.
Esencial. Si los bordes de celdas vecinas se funden en uno (collapse, lo habitual) o van separados.
Valores: separate, collapse
El espacio entre celdas cuando los bordes van separados.
Valores: 4px, 0.5rem 1rem
Si el título (<caption>) va encima o debajo de la tabla.
Valores: top, bottom
Si se dibujan el borde y el fondo de las celdas vacías (solo con bordes separados).
Valores: show, hide
Con fixed, el ancho de las columnas sale de la primera fila y no del contenido: la tabla se dibuja antes y no cambia al cargar.
Valores: auto, fixed
Código del tema: .tabla { border-collapse: collapse; }
Propiedades propias de las tablas. Los bordes, el relleno y los colores de las celdas son los de siempre.
Cada elemento lleva una definición corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para editarlos y ver el resultado al momento.
Esencial. Si los bordes de celdas vecinas se funden en uno (collapse, lo habitual) o van separados.
Valores: separate, collapse
El espacio entre celdas cuando los bordes van separados.
Valores: 4px, 0.5rem 1rem
Si el título (<caption>) va encima o debajo de la tabla.
Valores: top, bottom
Si se dibujan el borde y el fondo de las celdas vacías (solo con bordes separados).
Valores: show, hide
Con fixed, el ancho de las columnas sale de la primera fila y no del contenido: la tabla se dibuja antes y no cambia al cargar.
Valores: auto, fixed