English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà visibility specifica se un elemento è visibile o meno.
La tabella sotto fornisce una descrizione dell'uso di questa proprietà, la cronologia delle versioni e la sintassi dell'uso di questa proprietà nei script JavaScript.
| Valore predefinito: | visible |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditabile: | Sì |
| Animabile: | Sì.Riferiti a: Proprietà animate。 |
| Versione: | CSS 2、3 |
| Sintassi JavaScript: | object.style.visibility="hidden" |
La sintassi di questo attributo è la seguente:
visibility: visible | hidden | collapse | initial | inherit
L'esempio seguente dimostra come utilizzare la proprietà visibility.
p {
visibility: hidden;
}
div {
visibility: hidden;
}Prova a vedere‹/›La tabella sotto descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| visible | La casella e il suo contenuto sono visibili. Questo è il valore predefinito. |
| hidden | La casella e il suo contenuto sono invisibili, ma influenzano la layout della pagina. |
| collapse | Applica solo a certaini oggetti interni della tabella: righe, gruppi di righe, colonne e gruppi di colonne. Elimina l'oggetto, ma non influisce in alcun altro modo sulla layout della tabella. Lo spazio occupato dagli oggetti della tabella sarà riempito dagli oggetti同级 successivi. Se è stato specificato un ripiegamento per altri elementi, il comportamento è lo stesso di hidden. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà visibility dell'elemento genitore. |
Compatibilità del browser per la proprietà visibility; i numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Riferiti alla seguente guida:Visibilità CSS，Visualizzazione CSS。
Proprietà correlate:display。