Proprietà di visibilità CSS
Esempio
Rendi gli elementi <h2> visibili e nascosti:
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La visibility
proprietà specifica se un elemento è visibile o meno.
Suggerimento: gli elementi nascosti occupano spazio sulla pagina. Usa la proprietà display per nascondere e rimuovere un elemento dal layout del documento!
Valore di default: | visibile |
---|---|
Ereditato: | sì |
Animabile: | sì. Leggi su animabile |
Versione: | CSS2 |
sintassi JavaScript: | oggetto .style.visibility="nascosto" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
Sintassi CSS
visibility: visible|hidden|collapse|initial|inherit;
Valori di proprietà
Value | Description | Play it |
---|---|---|
visible | Default value. The element is visible | |
hidden | The element is hidden (but still takes up space) | |
collapse | Only for table rows (<tr>), row groups (<tbody>), columns (<col>),
column groups (<colgroup>). This value removes a row or column,
but it does not affect the table layout. The space taken up by the row or column
will be available for other content. If collapse is used on other elements, it renders as "hidden" |
|
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Altri esempi
Esempio
Questo esempio mostra come far comprimere un elemento di tabella:
tr.collapse {
visibility: collapse;
}
Pagine correlate
Tutorial CSS: CSS Visualizzazione e visibilità
Riferimento HTML DOM: proprietà di visibilità