backgroundImage
Misol
Hujjat uchun fon rasmini o‘rnating:
document.body.style.backgroundImage = "url('img_tree.png')";O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
backgroundImage xususiyati elementning fon rasmini o‘rnatadi yoki qaytaradi.
Maslahat: background-image bilan birga background-color ni ham belgilashingiz kerak. Rasm mavjud bo‘lmasa, background-color ishlatiladi.
Shuningdek qarang:
HTML uslublar: background xususiyati
CSS darsligi: CSS fonlar
CSS3 darsligi: CSS3 fonlar
CSS ma’lumotnomasi: background-image xususiyati
Sintaksis
backgroundImage xususiyatini qaytarish:
object.style.backgroundImage
backgroundImage xususiyatini o‘rnatish:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| url('URL') | Rasm faylining joylashgan manzili |
| none | Fon rasmi yo‘q. Bu standart qiymat |
| 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: | none |
|---|---|
| Qaytariladigan qiymat: | Fon rasmini ifodalovchi String |
| CSS versiyasi | CSS1 |
Brauzerlarda qo‘llab-quvvatlash
backgroundImage — 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
Muayyan <div> elementining fon rasmini o‘rnating:
document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";
O‘zingiz sinab ko‘ring »
Misol
Muayyan <div> elementining fon rasmini qaytaring:
let img = document.getElementById("myDiv").style.backgroundImage;
O‘zingiz sinab ko‘ring »
Misol
Hujjatning fon rasmini qaytaring:
let img = document.body.style.backgroundImage;
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!