visibility
Misol
<p> elementining kontentini yashiring:
document.getElementById("myP").style.visibility = "hidden";O‘zingiz sinab ko‘ring »
Tavsif
visibility xususiyati element ko‘rinishi kerakligini o‘rnatadi yoki qaytaradi.
visibility xususiyati muallifga elementni ko‘rsatish yoki yashirish imkonini beradi. U display xususiyatiga o‘xshaydi. Biroq farqi shundaki, display:none o‘rnatilsa, butun element yashiriladi, visibility:hidden esa element kontenti ko‘rinmas bo‘lishini, lekin elementning o‘zi asl joyi va o‘lchamida qolishini bildiradi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| visibility | Ha | Ha | Ha | Ha | Ha |
Sintaksis
visibility xususiyatini qaytarish:
object.style.visibility
visibility xususiyatini o‘rnatish:
object.style.visibility = "visible|hidden|collapse|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| visible | Element ko‘rinadi. Bu standart qiymat |
| hidden | Element ko‘rinmaydi, lekin sahifa joylashuviga baribir ta’sir qiladi |
| collapse | Jadval qatori yoki katagida ishlatilganda element ko‘rinmaydi ("hidden" bilan bir xil) |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | visible |
|---|---|
| Qaytariladigan qiymat: | Element kontenti ko‘rsatilishi yoki ko‘rsatilmasligini ifodalovchi String |
| CSS versiyasi | CSS2 |
Ko‘proq misollar
Misol
display xususiyati va visibility xususiyati o‘rtasidagi farq:
function demoDisplay() {
document.getElementById("myP1").style.display = "none";
}
function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
}
O‘zingiz sinab ko‘ring »
Misol
Elementni yashirish va ko‘rsatish o‘rtasida almashtiring:
function myFunction() {
var x = document.getElementById('myDIV');
if (x.style.visibility === 'hidden') {
x.style.visibility = 'visible';
} else {
x.style.visibility = 'hidden';
}
}
O‘zingiz sinab ko‘ring »
Misol
<img> elementini yashiring va ko‘rsating:
function hideElem() {
document.getElementById("myImg").style.visibility = "hidden";
}
function showElem() {
document.getElementById("myImg").style.visibility = "visible";
}
O‘zingiz sinab ko‘ring »
Misol
<p> elementining ko‘rinish turini qaytaring:
alert(document.getElementById("myP").style.visibility);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS display va visibility
CSS ma’lumotnomasi: visibility xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!