Visibility қасиеті

visibility қасиеті элементке көрінбестік тағайындайды. Бұл ретте қалған барлық элементтер элемент еш жерде жоғалмағандай әрекет етеді.

Синтаксис

cssселектор {
  visibility: visible немесе hidden немесе collapse;
}

Мән	Сипаттама
`visible`	Элемент көрінеді.
`hidden`	Элемент көрінбейтін болады, мөлдір сияқты және бұл ретте бетті пішімдеуге қатыса береді.
`collapse`	Егер `collapse` мәнін кесте ұяшықтарының мазмұны үшін қолдансақ, олар жоғалып кеткендей болады, ал кесте жаңадан қайта құрылады. Егер бұл мән кесте жолдарына немесе бағандарына қолданылмаса, онда оны қолдану нәтижесі `hidden` сияқты болады.

Әдепкі мән: visible.

Бірінші абзацтың мәтіні бастапқыда көрінбейтін болып, бірақ курсорды 'Show text' батырмасына апарғанда оны оқи алатындай етейік:

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

Результат: