CSS - zichtbaarheidseigenschap
Voorbeeld
Maak <h2> elementen zichtbaar en verborgen:
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De visibility
eigenschap geeft aan of een element al dan niet zichtbaar is.
Tip: Verborgen elementen nemen ruimte in beslag op de pagina. Gebruik de eigenschap display om zowel een element uit de documentlay-out te verbergen als te verwijderen!
Standaardwaarde: | zichtbaar |
---|---|
geërfd: | Ja |
Animeerbaar: | Ja. Lees over animeren |
Versie: | CSS2 |
JavaScript-syntaxis: | object .style.visibility="verborgen" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Property | |||||
---|---|---|---|---|---|
visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS-syntaxis
visibility: visible|hidden|collapse|initial|inherit;
Eigendomswaarden
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 |
Meer voorbeelden
Voorbeeld
Dit voorbeeld laat zien hoe u een tabelelement laat samenvouwen:
tr.collapse {
visibility: collapse;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-weergave en zichtbaarheid
HTML DOM-referentie: eigenschap zichtbaarheid