CSS sigbaarheid Eiendom
Voorbeeld
Maak <h2>-elemente sigbaar en versteek:
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die visibility
eienskap spesifiseer of 'n element sigbaar is of nie.
Wenk: Versteekte elemente neem spasie op die bladsy in beslag. Gebruik die vertoon- eienskap om 'n element van die dokumentuitleg te versteek en te verwyder!
Standaard waarde: | sigbaar |
---|---|
Geërf: | ja |
Animateerbaar: | ja. Lees oor animeerbaar |
Weergawe: | CSS2 |
JavaScript-sintaksis: | voorwerp .style.visibility="hidden" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS-sintaksis
visibility: visible|hidden|collapse|initial|inherit;
Eiendomswaardes
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 voorbeelde
Voorbeeld
Hierdie voorbeeld demonstreer hoe om 'n tabelelement te laat ineenstort:
tr.collapse {
visibility: collapse;
}
Verwante bladsye
CSS-tutoriaal: CSS-vertoning en sigbaarheid
HTML DOM verwysing: sigbaarheid eiendom