Svojstvo visibility

Svojstvo visibility zadaje nevidljivost elementu. Pri tome svi ostali elementi će se ponašati kao da element nigde nije nestao.

Sintaksa

selektor {
	visibility: visible ili hidden ili collapse;
}

Vrednost	Opis
`visible`	Element je vidljiv.
`hidden`	Element postaje nevidljiv, kao proziran, i pri tome nastavlja da učestvuje u formatiranju strane.
`collapse`	Ako se koristi `collapse` za sadržaj ćelija tabela, one kao da nestaju, a tabela se ponovo prilagođava. Ako se ova vrednost primenjuje ne na redove ili kolone tabele, rezultat njenog korišćenja će biti isti kao `hidden`.

Podrazumevana vrednost: visible.

Hajde da napravimo da tekst prvog pasusa prvobitno bude nevidljiv, ali kada pređemo kursorom preko dugmeta 'Show text' možemo da ga pročitamo:

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