Својство 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;
}

Результат: