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