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