Xüsusiyyət visibility

visibility xüsusiyyəti elementə görünməzlik təyin edir. Bu zaman bütün digər elementlər elə davranacaqlar ki, element heç yerdə yox olmayıb.

Sintaksis

cssselektor {
  visibility: visible və ya hidden və ya collapse;
}

Dəyər	Açıqlama
`visible`	Element görünəndir.
`hidden`	Element görünməz olur, şəffaf imiş kimi və eyni zamanda səhifənin formatlanmasında iştirak etməyə davam edir.
`collapse`	Əgər `collapse` cədvəllərin xanalarının məzmunu üçün istifadə olunarsa, onlar sanki yox olur və cədvəl yeni şəkildə yenidən qurulur. Əgər bu dəyər cədvəlin sətirlərinə və ya sütunlarına tətbiq edilmirsə, onda onun istifadəsinin nəticəsi `hidden` ilə eyni olacaq.

Defolt dəyər: visible.

Gəlin elə edək ki, birinci abzasın mətni əvvəlcədən görünməz olsun, lakin kursor düymənin üzərinə gətirildikdə 'Show text' biz onu oxuya bilək:

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

Результат: