backgroundOrigin
Misol
Fon rasmini kontent qutisiga (content box) nisbatan joylashtiring:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";O‘zingiz sinab ko‘ring »
Tavsif
backgroundOrigin xususiyati background-position xususiyati nimaga nisbatan hisoblanishini o‘rnatadi yoki qaytaradi.
Eslatma: Agar fon rasmi uchun background-attachment xususiyati "fixed" bo‘lsa, bu xususiyat hech qanday ta’sir qilmaydi.
Shuningdek qarang:
HTML uslublar: background xususiyati
CSS darsligi: CSS fonlar
CSS3 darsligi: CSS3 fonlar
CSS ma’lumotnomasi: background-origin xususiyati
Sintaksis
backgroundOrigin xususiyatini qaytarish:
object.style.backgroundOrigin
backgroundOrigin xususiyatini o‘rnatish:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| padding-box | Standart qiymat. Fon rasmi ichki bo‘shliq qutisiga (padding box) nisbatan joylashtiriladi |
| border-box | Fon rasmi chegara qutisiga (border box) nisbatan joylashtiriladi |
| content-box | Fon rasmi kontent qutisiga (content box) nisbatan joylashtiriladi |
| 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: | padding-box |
|---|---|
| Qaytariladigan qiymat: | Elementning background-origin xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Brauzerlarda qo‘llab-quvvatlash
backgroundOrigin — CSS3 (1999) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!