visibility հատկությունը

visibility հատկությունը տարրին տալիս է անտեսանելիություն: Մինչդեռ մնացած բոլոր տարրերը կվարվեն այնպես, կարծես տարրը ոչ մի տեղ չէր անհետացել:

Շարահյուսություն

cssընտրիչ {
  visibility: visible կամ hidden կամ collapse;
}

Արժեքներ

Լռելյայն արժեքը՝ 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;
}

Результат:

Տես նաև