Omadus visibility

Omadus visibility määrab elemendi nähtamatuks. Sel juhul käituvad kõik teised elemendid nii, nagu element ei oleks kuhugi kadunud.

Süntaks

valija {
	visibility: visible või hidden või collapse;
}

Väärtus	Kirjeldus
`visible`	Element on nähtav.
`hidden`	Element muutub nähtamatuks, justkui läbipaistvaks, kuid jätkab lehe vormindamises osalemist.
`collapse`	Kui kasutada `collapse` tabeli lahtrite sisu jaoks, siis need justkui kaovad ja tabel ehitatakse uuesti üles. Kui seda väärtust rakendatakse mitte tabeli ridadele või veergudele, siis on selle kasutamise tulemus sama, mis `hidden` puhul.

Vaikeväärtus: visible.

Teeme nii, et esimese lõigu tekst on algselt nähtamatu, kuid kui kursorit nupule 'Show text' viia, saaksime seda lugeda:

<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;
}