Atributo empty-cells de CSS

Definición y uso

El atributo empty-cells configura si se deben mostrar las celdas vacías en la tabla (solo para el modo "bordes separados").

Nota:Algunas versiones del navegador IE no admiten esta propiedad.

Descripción

Esta propiedad define cómo se representa una celda de tabla que no contiene ningún contenido. Si se muestra, se dibujará el borde y el fondo de la celda. A menos que border-collapse se establezca en separate, se ignorará esta propiedad.

Véase también:

Tutorial de CSS:Cuadros de CSS

Manual de referencia de HTML DOM:Propiedad emptyCells

Ejemplo

Ocultar los bordes y el fondo de las celdas vacías en la tabla:

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }

Prueba por tu cuenta

Sintaxis de CSS

empty-cells: show|hide|initial|inherit;

Valor de la propiedad

Valor Descripción
ocultar No dibujar bordes alrededor de las celdas vacías.
mostrar Dibujar bordes alrededor de las celdas vacías. Predeterminado.
heredar Se debe heredar el valor de la propiedad empty-cells del elemento padre.

Detalles técnicos

Valor predeterminado: mostrar
Herencia: sí
Versión: CSS2
Sintaxis de JavaScript: object.style.emptyCells="hide"

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.2 4.0

Nota:Si se ha especificado !DOCTYPE, Internet Explorer 8 (y versiones posteriores) admiten la propiedad empty-cells.