Atributo empty-cells do CSS

Definição e uso

A propriedade empty-cells define se as células vazias na tabela devem ser exibidas (apenas para o modo "bordas separadas").

Notas:Algumas versões do navegador IE não suportam essa propriedade.

Explicação

Essa propriedade define como as células da tabela que não contêm conteúdo devem ser representadas. Se estiver ativo, será desenhada a borda e o fundo da célula. A menos que border-collapse esteja configurado como separate, essa propriedade será ignorada.

Veja também:

Tutorial CSS:Tabela CSS

Manual de referência HTML DOM:Propriedade emptyCells

Exemplo

Ocultar bordas e fundo das células vazias na tabela:

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

Experimente você mesmo

Sintaxe CSS

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

Valor da propriedade

Valor Descrição
hide Não desenhar uma borda ao redor das células vazias.
mostrar Desenhar uma borda ao redor das células vazias. Padrão.
inherit O valor da propriedade empty-cells deve ser herdado do elemento pai.

Detalhes técnicos

Valor padrão: mostrar
Herança: sim
Versão: CSS2
Sintaxe JavaScript: object.style.emptyCells="hide"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente essa propriedade.

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

Notas:Se !DOCTYPE foi especificado, o Internet Explorer 8 (e versões mais recentes) suporta a propriedade empty-cells.