borderImageSource
Misol
div elementi atrofidagi chegara sifatida rasmdan foydalaning:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";O‘zingiz sinab ko‘ring »
Tavsif
borderImageSource xususiyati border-style xususiyatlari orqali berilgan chegara uslublari o‘rniga ishlatiladigan rasmni o‘rnatadi yoki qaytaradi.
Maslahat: Agar qiymat "none" bo‘lsa yoki rasmni ko‘rsatib bo‘lmasa, chegara uslublari ishlatiladi.
Buning o‘rniga borderImage xususiyatiga qarang!
Sintaksis
borderImageSource xususiyatini qaytarish:
object.style.borderImageSource
borderImageSource xususiyatini o‘rnatish:
object.style.borderImageSource = "none|image|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| none | Hech qanday rasm ishlatilmaydi |
| image | Chegara sifatida ishlatiladigan rasmga yo‘l |
| 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: | Elementning border-image-source xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: border-image-source xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderImageSource — 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!
