Eienskap visibility
Die eienskap visibility stel onsigbaarheid
vir 'n element in. In hierdie geval sal alle ander elemente
optree asof die element nêrens
verdwyn het nie.
Sintaksis
selektor {
visibility: visible of hidden of collapse;
}
Waardes
| Waarde | Beskrywing |
|---|---|
visible |
Element is sigbaar. |
hidden |
Die element word onsigbaar, soos deursigtig, en neem steeds deel aan die formatering van die bladsy. |
collapse |
As jy collapse gebruik vir die inhoud van tabelselle,
dan verdwyn hulle skynbaar, en die tabel
herstruktureer.
As hierdie waarde nie op tabelrye of -kolomme toegepas word nie, dan sal die resultaat dieselfde wees as hidden.
|
Verstekwaarde: visible.
Voorbeeld
Kom ons maak dat die teks van die eerste paragraaf aanvanklik
onsigbaar is, maar as ons die muis oor die knoppie
'Show text' bring,
kan ons dit lees:
<button>Show text</button>
<div class="text">text1</div>
<div>text2</div>
div{
border: 1px solid black;
width: 100px;
}
.text {
visibility: hidden;
}
button:hover + .text {
visibility: visible;
}
:
