Tablas: Celdas vacías (empty-cells)

CSS permite definir cómo tratar las celdas (th, td) vacías de una tabla mediante la propiedad empty-cells.

Esta propiedad sólo se aplica cuando el modelo de bordes de la tabla es de tipo border-collapse: separate.

A continuación se definen los posibles valores para la propiedad empty-cells:

- empty-cells: show: valor por defecto, se mostrarán todas las celdas.

- empty-cells: hide: las celdas vacías no se mostrarán. Una celda vacía es aquella que no tiene ningún contenido, ni tan siquiera un simple espacio.

La siguiente imagen muestra las diferencias visuales entre una tabla normal y una tabla con la propiedad empty-cells: hide:

Internet Explorer 6 y las versiones anteriores no interpretan correctamente esta propiedad.


REFERENCIA

CSS

SELECTORES

COLORES

BOX MODEL

FONDOS

POSICIONAMIENTO

VISUALIZACIÓN

TIPOGRAFÍA

TEXTO

ENLACES

IMÁGENES

LISTAS

TABLAS

FORMULARIOS

LAYOUT

Ejercicios

ANEXO