Definición de .empty-cells utilizado en CSS
La propiedad .empty-cells en CSS selecciona celdas de mesa vacías con el fin de especificar si muestra o no bordes y fondos en ellas. En otras palabras, le dice al navegador si dibujar o no bordes alrededor de una celda de la mesa o rellenar el fondo cuando esa celda no contiene contenido. Es como aplicar una propiedad de visibilidad en celdas de mesa vacías.
Caso de uso de empty-cells
Esta propiedad de CSS normalmente se emplea de la siguiente manera:
table {
empty-cells: show;
}Otro ejemplo más avanzado de .empty-cells es el siguiente de CODEPEN:
Sintaxis de .empty-cells en CSS
empty-cells: show|hide|initial|inherit;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| mostrar | Mostrar bordes en celdas vacías. esto es por defecto | |
| ocultar | Ocultar bordes en celdas vacías | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .empty-cells
Los números de la tabla detallan la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| filter | 53.0 18.0 -webkit- | 13.0 | 35.0 | 9.1 6.0 -webkit- | 40.0 15.0 -webkit- |
