Īpašība visibility

Īpašība visibility iestata elementa neredzamību. Šajā gadījumā visi pārējie elementi uzvedīsies tā, it kā elements nekur nebūtu pazudis.

Sintakse

cssselektors {
  visibility: visible vai hidden vai collapse;
}

Vērtība	Apraksts
`visible`	Elements ir redzams.
`hidden`	Elements kļūst neredzams, it kā caurspīdīgs, un tajā pašā laikā turpina piedalīties lapas formatēšanā.
`collapse`	Ja izmantot `collapse` tabulas šūnu saturam, tās it kā pazūd, un tabula tiek pārveidota no jauna. Ja šī vērtība tiek lietota ne tabulas rindām vai kolonnām, tad tās lietošanas rezultāts būs tāds pats kā `hidden`.

Noklusējuma vērtība: visible.

Padarīsim tā, lai pirmā rindkopas teksts sākotnēji būtu neredzams, bet, novadot kursoru uz pogas 'Show text', mēs to varētu izlasīt:

html<button>Show text</button>
<div class="text">text1</div>
<div>text2</div>

cssdiv{
  border: 1px solid black;
  width: 100px;
}
.text {
  visibility: hidden;
}
button:hover + .text {
  visibility: visible;
}

Результат: