backgroundPosition
Misol
Fon rasmining (background-image) joylashuvini o‘zgartiring:
document.body.style.backgroundPosition = "top right";O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
backgroundPosition xususiyati element ichidagi fon rasmining (background-image) joylashuvini o‘rnatadi yoki qaytaradi.
Shuningdek qarang:
HTML uslublar: background xususiyati
CSS darsligi: CSS fonlar
CSS3 darsligi: CSS3 fonlar
CSS ma’lumotnomasi: background-image xususiyati
CSS ma’lumotnomasi: background-position xususiyati
Sintaksis
backgroundPosition xususiyatini qaytarish:
object.style.backgroundPosition
backgroundPosition xususiyatini o‘rnatish:
object.style.backgroundPosition = value
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| top left top center top right center left center center center right bottom left bottom center bottom right |
Agar faqat bitta kalit so‘z ko‘rsatilsa, ikkinchi qiymat "center" bo‘ladi. |
| x% y% | x qiymati gorizontal joylashuvni, y qiymati esa vertikal joylashuvni bildiradi. Yuqori chap burchak — 0% 0%. O‘ng pastki burchak — 100% 100%. Agar faqat bitta qiymat ko‘rsatilsa, ikkinchi qiymat 50% bo‘ladi. |
| xpos ypos | x qiymati gorizontal joylashuvni, y qiymati esa vertikal joylashuvni bildiradi. Yuqori chap burchak — 0 0. Birliklar piksel (0px 0px) yoki boshqa istalgan CSS birliklari bo‘lishi mumkin. Agar faqat bitta qiymat ko‘rsatilsa, ikkinchi qiymat 50% bo‘ladi. % va birliklarni aralashtirib ishlatish mumkin |
| 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: | 0% 0% |
|---|---|
| Qaytariladigan qiymat: | Fon rasmining (background-image) joylashuvini ifodalovchi String |
| CSS versiyasi | CSS1 |
Brauzerlarda qo‘llab-quvvatlash
backgroundPosition — CSS1 (1996) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
Ko‘proq misollar
Misol
<div> elementidagi fon rasmining (background-image) joylashuvini center bottom ga o‘zgartiring:
document.getElementById("myDiv").style.backgroundPosition = "center bottom";O‘zingiz sinab ko‘ring »
Misol
<div> elementidagi fon rasmining (background-image) joylashuvini gorizontal bo‘yicha 200px va vertikal bo‘yicha 40px ga o‘zgartiring:
document.getElementById("myDiv").style.backgroundPosition = "200px 40px";
O‘zingiz sinab ko‘ring »
Misol
<div> elementidagi fon rasmining (background-image) joylashuvini qaytaring:
document.getElementById("myDiv").style.backgroundPosition;
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!