backgroundAttachment
Misol
Fon rasmini (background-image) qotirilgan qilib o‘rnating (aylanmaydi):
document.body.style.backgroundAttachment = "fixed";O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
backgroundAttachment xususiyati fon rasmi kontent bilan birga aylanishi yoki qotirilgan bo‘lishini o‘rnatadi yoki qaytaradi.
Shuningdek qarang:
HTML uslublar: background xususiyati
CSS darsligi: CSS fonlar
CSS ma’lumotnomasi: CSS background-attachment xususiyati
Sintaksis
backgroundAttachment xususiyatini qaytarish:
object.style.backgroundAttachment
backgroundAttachment xususiyatini o‘rnatish:
object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| scroll | Fon element bilan birga aylanadi. Bu standart qiymat |
| fixed | Fon ko‘rish maydoniga (viewport) nisbatan qotirilgan bo‘ladi |
| local | Fon element kontenti bilan birga aylanadi |
| 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: | scroll |
|---|---|
| Qaytariladigan qiymat: | Fon rasmi hujjat ichidagi obyektga qanday biriktirilganini ifodalovchi String |
| CSS versiyasi | CSS1 |
Brauzerlarda qo‘llab-quvvatlash
backgroundAttachment — 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 elementida scroll va local o‘rtasida tanlang:
document.getElementById("myDIV").style.backgroundAttachment = "local";
O‘zingiz sinab ko‘ring »
Misol
scroll va fixed o‘rtasida almashtiring:
let x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
O‘zingiz sinab ko‘ring »
Misol
background-attachment xususiyatining qiymatini qaytaring:
let back = document.body.style.backgroundAttachment;
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!