objectPosition
Misol
Rasm o‘lchamini kontent qutisiga sig‘adigan qilib o‘zgartiring va rasmni kontent qutisi ichida chapdan 5px, yuqoridan 10% masofada joylashtiring:
document.getElementById("myImg").style.objectPosition = "0 10%";
O‘zingiz sinab ko‘ring »
Tavsif
objectPosition xususiyati <img> yoki <video> o‘zining kontent qutisida qanday joylashtirilishini belgilashda ishlatiladi.
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| objectPosition | 31.0 | 16.0 | 36.0 | 10.1 | 19.0 |
Sintaksis
objectPosition xususiyatini qaytarish:
object.style.objectPosition
objectPosition xususiyatini o‘rnatish:
object.style.objectPosition = "position|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| position | Rasm yoki videoning o‘z kontent qutisi ichidagi joylashuvini belgilaydi. Birinchi qiymat x o‘qini, ikkinchi qiymat esa y o‘qini boshqaradi. String (left, center yoki right) yoki son (px yoki % da) bo‘lishi mumkin. 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: | 50% 50% |
|---|---|
| Qaytariladigan qiymat: | Elementning o‘z kontent qutisidagi joylashuvini ifodalovchi String yoki Number |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS darsligi: CSS object-fit
CSS ma’lumotnomasi: object-position xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!