Visibility xususiyati
visibility xususiyati elementga ko'rinmaslikni
belgilaydi. Bunda boshqa barcha elementlar
shunday harakat qiladiki, element hech qayerga
yo'qolmagandek bo'ladi.
Sintaksis
selektor {
visibility: visible yoki hidden yoki collapse;
}
Qiymatlar
| Qiymat | Ta'rif |
|---|---|
visible |
Element ko'rinadi. |
hidden |
Element ko'rinmas bo'lib qoladi, xuddi shaffof bo'lib va sahifa formatlashida ishtirok etishda davom etadi. |
collapse |
Agar collapse ni jadval kataklari tarkibi uchun ishlatilsa,
ular xuddi yo'qolgandek bo'ladi, va jadval
yangi shaklda qayta tuziladi.
Agar bu qiymat jadval satrlari yoki ustunlariga nisbatan qo'llanilmasa, undan foydalanish natijasi hidden kabi bo'ladi.
|
Standart qiymat: visible.
Misol
Keling, birinchi abzas matni dastlab
ko'rinmas bo'lishini, lekin kursorni tugma ustiga olib kelganda
'Show text' biz uni o'qiy olishimiz uchun qilaylik:
<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;
}
:
