top
Misol
<button> elementining yuqori joylashuvini o‘rnating:
document.getElementById("myBtn").style.top = "100px";O‘zingiz sinab ko‘ring »
Tavsif
top xususiyati joylashtirilgan (positioned) elementning yuqori joylashuvini o‘rnatadi yoki qaytaradi.
Bu xususiyat elementning yuqori 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 pastki joylashuvini o‘rnatish yoki qaytarish uchun bottom xususiyatidan foydalaning.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| top | Ha | Ha | Ha | Ha | Ha |
Sintaksis
top xususiyatini qaytarish:
object.style.top
top xususiyatini o‘rnatish:
object.style.top = "auto|length|%|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| auto | Yuqori joylashuvni brauzer o‘rnatadi. Bu standart qiymat |
| length | Yuqori joylashuvni uzunlik birliklarida belgilaydi. Manfiy qiymatlarga ruxsat beriladi |
| % | Yuqori 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 yuqori joylashuvini ifodalovchi String |
| CSS versiyasi | CSS2 |
Ko‘proq misollar
Misol
Manfiy qiymatlardan foydalanish - <div> elementining yuqori joylashuvini o‘rnating:
document.getElementById("myDiv").style.top = "-100px";
O‘zingiz sinab ko‘ring »
Misol
<div> elementining yuqori joylashuvini qaytaring:
alert(document.getElementById("myDiv").style.top);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS joylashtirish
CSS ma’lumotnomasi: top xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!