zIndex
Misol
<img> elementining qatlam tartibini o‘zgartiring:
document.getElementById("img1").style.zIndex = "1";O‘zingiz sinab ko‘ring »
Tavsif
zIndex xususiyati joylashtirilgan (positioned) elementning qatlam tartibini (stack order) o‘rnatadi yoki qaytaradi.
Qatlam tartibi kattaroq (1) bo‘lgan element har doim qatlam tartibi kichikroq (0) bo‘lgan boshqa elementning oldida turadi.
Maslahat: Joylashtirilgan (positioned) element — position xususiyati relative, absolute yoki fixed qiymatiga o‘rnatilgan element.
Maslahat: Bu xususiyat bir-birining ustiga tushadigan elementlar yaratmoqchi bo‘lsangiz foydali.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| zIndex | Ha | Ha | Ha | Ha | Ha |
Sintaksis
zIndex xususiyatini qaytarish:
object.style.zIndex
zIndex xususiyatini o‘rnatish:
object.style.zIndex = "auto|number|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| auto | Elementning qatlam tartibini brauzer aniqlaydi (hujjatdagi tartibiga asoslanib). Bu standart qiymat |
| number | Elementning qatlam tartibini belgilaydigan butun son. Manfiy qiymatlarga ruxsat beriladi |
| 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: | auto |
|---|---|
| Qaytariladigan qiymat: | Elementning qatlam tartibini ifodalovchi String |
| CSS versiyasi | CSS2 |
Ko‘proq misollar
Misol
<div> elementining z-index xususiyati qiymatini o‘zgartiring:
document.getElementById("myDIV").style.zIndex = "-1";
O‘zingiz sinab ko‘ring »
Misol
<img> elementining z-index xususiyati qiymatini qaytaring:
alert(document.getElementById("img1").style.zIndex);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS joylashtirish
CSS ma’lumotnomasi: z-index xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!