backgroundRepeat
Misol
Fon rasmini (background-image) no-repeat qilib o‘rnating:
document.body.style.backgroundRepeat = "repeat-y";O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
backgroundRepeat xususiyati fon rasmi (background-image) qanday takrorlanishini (plitkadek terilishini) o‘rnatadi yoki qaytaradi.
Shuningdek qarang:
HTML uslublar: background xususiyati
CSS darsligi: CSS fonlar
CSS3 darsligi: CSS3 fonlar
CSS ma’lumotnomasi: background-repeat xususiyati
Sintaksis
backgroundRepeat xususiyatini qaytarish:
object.style.backgroundRepeat
backgroundRepeat xususiyatini o‘rnatish:
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| repeat | Fon rasmi ham vertikal, ham gorizontal takrorlanadi. Bu standart qiymat |
| repeat-x | Fon rasmi faqat gorizontal takrorlanadi |
| repeat-y | Fon rasmi faqat vertikal takrorlanadi |
| no-repeat | Fon rasmi (background-image) takrorlanmaydi |
| 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: | repeat |
|---|---|
| Qaytariladigan qiymat: | Fon rasmi (background-image) qanday takrorlanishini ifodalovchi String |
| CSS versiyasi | CSS1 |
Brauzerlarda qo‘llab-quvvatlash
backgroundRepeat — 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
Ko‘rsatilgan DIV elementining backgroundRepeat xususiyatini o‘zgartiring:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
O‘zingiz sinab ko‘ring »
Misol
Fon rasmini (background-image) gorizontal yoki vertikal takrorlanadigan qilib o‘rnating:
function repeatVer() {
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
O‘zingiz sinab ko‘ring »
Misol
Hujjatning background-repeat qiymatini qaytaring:
alert(document.body.style.backgroundRepeat);
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!