Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
La proprietà di visibilità specifica se un elemento è visibile.
Tip: Anche gli elementi invisibili occupa spazio sulla pagina. Utilizzare la visualizzazione di proprietà per creare elementi invisibili che non occupano spazio!
| Valore di default: | visible |
|---|---|
| Inherited: | yes |
| animatable: | yes. Read about animatable |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.visibility="hidden" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS Sintassi
visibility: visible|hidden|collapse|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| visible | Valore di default. L'elemento è visibile | Gioca " |
| hidden | L'elemento è invisibile (but still takes up space) | Gioca " |
| collapse | Solo per gli elementi di tabella. crollo rimuove una riga o colonna, ma non influisce sul layout della tabella. Lo spazio occupato dal riga o colonna sarà disponibile per altri contenuti. Se il collasso è utilizzato su altri elementi, rende come "hidden" | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Altri esempi
Esempio
Questo esempio dimostra come creare un collasso elemento di tabella:
tr.collapse {
visibility: collapse;
} Prova tu stesso " Pagine correlate
Tutorial CSS: CSS Display e visibilità
Di riferimento HTML DOM: visibility property