borderImage
Misol
<div> elementi atrofidagi chegara sifatida rasmni belgilang:
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";O‘zingiz sinab ko‘ring »
Tavsif
borderImage xususiyati borderImageSource, borderImageSlice, borderImageWidth, borderImageOutset va borderImageRepeat xususiyatlarini o‘rnatish uchun qisqartma (shorthand) xususiyatdir.
Tushirib qoldirilgan qiymatlar standart qiymatlariga o‘rnatiladi.
Sintaksis
borderImage xususiyatini qaytarish:
object.style.borderImage
borderImage xususiyatini o‘rnatish:
object.style.borderImage = "source slice width outset repeat|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| borderImageSource | Chegara sifatida ishlatiladigan rasmga yo‘l |
| borderImageSlice | Rasmli chegaraning (image-border) ichkariga siljishlari |
| borderImageWidth | Rasmli chegaraning (image-border) kengliklari |
| borderImageOutset | Chegara rasmi sohasi chegara qutisidan (border box) qanchaga tashqariga chiqishi |
| borderImageRepeat | Rasmli chegara (image-border) takrorlanishi, yaxlitlanishi yoki cho‘zilishi |
| 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 100% 1 0 stretch |
|---|---|
| Qaytariladigan qiymat: | Elementning border-image xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: border-image xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderImage — 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!