Proprietà visibility CSS

Definizione e uso

L'attributo visibility determina se un elemento è visibile.

Suggerimento:Anche gli elementi invisibili occupano spazio sulla pagina. Usa l'attributo "display" per creare elementi invisibili che non occupano spazio sulla pagina.

Spiegazione

Questa proprietà specifica se visualizzare o meno il riquadro generato dall'elemento. Ciò significa che l'elemento occupa ancora lo spazio originale, ma può essere completamente invisibile. Il valore collapse viene utilizzato nella tabella per eliminare colonne o righe dal layout della tabella.

Vedi anche:

Tutorial CSS:Posizionamento CSS

Manuale di riferimento HTML DOM:Attributo visibility

Esempio

Rendi invisibile l'elemento h2:

h2
  {
  visibility:hidden;
  }

Prova da solo

Sintassi CSS

visibility: visible|hidden|collapse|initial|inherit;

Valore dell'attributo

Valore Descrizione
visible Valore predefinito. L'elemento è visibile.
hidden L'elemento è invisibile.
collapse Quando utilizzato negli elementi della tabella, questo valore può eliminare una riga o una colonna, ma non influisce sul layout della tabella. Lo spazio occupato dalla riga o dalla colonna viene lasciato libero per altri contenuti. Se questo valore viene utilizzato su altri elementi, viene visualizzato come "hidden".
inherit Specifica che l'attributo visibility dovrebbe essere ereditato dal valore dell'elemento genitore.

Dettagli tecnici

Valore predefinito: visible
Inheritance: yes
Versione: CSS2
Sintassi JavaScript: object.style.visibility="hidden"

Esempio TIY

Come rendere un elemento invisibile
Questo esempio dimostra come rendere un elemento invisibile. Vuoi che l'elemento sia visibile o no?
Imposta l'elemento della tabella su collapse
Questo esempio dimostra come far sovrapporre gli elementi della tabella. Come fare in modo che gli elementi siano visibili o invisibili?

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente questa proprietà.

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