Proprietà empty-cells CSS

Definizione e uso

L'attributo empty-cells imposta se visualizzare o meno le celle vuote nella tabella (solo nel modello "bordi separati").

Nota:Alcune versioni del browser IE non supportano questo attributo.

Spiegazione

Questa proprietà definisce come rappresentare le celle della tabella che non contengono alcun contenuto. Se visualizzata, disegnerà i bordi e lo sfondo della cella. A meno che border-collapse non sia impostato su separate, questa proprietà viene ignorata.

Vedi anche:

Corso CSS:Tabella CSS

Manuale di riferimento HTML DOM:Attributo emptyCells

Esempio

Nascondi i bordi e lo sfondo delle celle vuote nella tabella:

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

Prova da solo

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
hide Non disegna un bordo intorno alle celle vuote.
show Disegna un bordo intorno alle celle vuote. Predefinito.
inherit L'attributo empty-cells dovrebbe ereditare il valore dall'elemento genitore.

Dettagli tecnici

Valore predefinito: show
Inheritance: yes
Versione: CSS2
Sintassi JavaScript: object.style.emptyCells="hide"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

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

Nota:Se è stato specificato !DOCTYPE, Internet Explorer 8 (e versioni successive) supportano l'attributo empty-cells.