bottom
Misol
<button> elementining pastki joylashuvini o‘rnating:
document.getElementById("myBtn").style.bottom = "100px";O‘zingiz sinab ko‘ring »
Tavsif
bottom xususiyati joylashtirilgan (positioned) elementning pastki joylashuvini o‘rnatadi yoki qaytaradi.
Bu xususiyat elementning pastki joylashuvini ichki bo‘shliq (padding), aylantirish paneli (scrollbar), chegara (border) va tashqi bo‘shliq (margin) bilan birga belgilaydi.
Maslahat: Joylashtirilgan (positioned) element — position xususiyati relative, absolute yoki fixed qiymatiga o‘rnatilgan element.
Maslahat: Joylashtirilgan elementning yuqori joylashuvini o‘rnatish yoki qaytarish uchun top xususiyatidan foydalaning.
Sintaksis
bottom xususiyatini qaytarish:
object.style.bottom
bottom xususiyatini o‘rnatish:
object.style.bottom = "auto|length|%|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| auto | Pastki joylashuvni brauzer o‘rnatadi. Bu standart qiymat |
| length | Pastki joylashuvni uzunlik birliklarida belgilaydi. Manfiy qiymatlarga ruxsat beriladi |
| % | Pastki joylashuvni ota element balandligiga nisbatan % da o‘rnatadi |
| 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: | Joylashtirilgan elementning pastki joylashuvini ifodalovchi String |
| CSS versiyasi | CSS2 |
Ko‘proq misollar
Misol
<div> elementining pastki joylashuvini o‘rnating:
document.getElementById("myDiv").style.bottom = "10px";
O‘zingiz sinab ko‘ring »
Misol
Manfiy qiymatlardan foydalanish - <div> elementining pastki joylashuvini o‘rnating:
document.getElementById("myDiv").style.bottom = "-100px";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining pastki joylashuvini qaytaring:
alert(document.getElementById("myDiv").style.bottom);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS joylashtirish
CSS ma’lumotnomasi: bottom xususiyati
Brauzerlarda qo‘llab-quvvatlash
bottom — CSS2 (1998) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
