Уласцівасць visibility

Уласцівасць visibility задае нябачнасць элементу. Пры гэтым усе астатнія элементы будуць весці сябе так, быццам элемент нікуды не знікаў.

Сінтаксіс

селектар {
	visibility: visible або hidden або collapse;
}

Значэнне	Апісанне
`visible`	Элемент бачны.
`hidden`	Элемент становіцца нябачным, быццам празрыстым і пры гэтым працягвае ўдзельнічаць у фарматаванні старонкі.
`collapse`	Калі выкарыстоўваць `collapse` для змесціва ячаек табліц, то яны быццам знікаюць, а табліца перабудоўваецца нанова. Калі дадзенае значэнне ўжываецца не да радкоў або калонак табліцы, то вынік яго выкарыстання будзе такім жа, як `hidden`.

Значэнне па змаўчанні: visible.

Давайце зробім так, каб тэкст першага абзаца першапачаткова быў нябачны, але пры навядзенні курсора на кнопку 'Show text' мы маглі яго прачытаць:

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