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