borderImageSlice
Misol
Rasmli chegaraning ichkariga siljishlarini belgilang:
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";O‘zingiz sinab ko‘ring »
Tavsif
borderImageSlice xususiyati rasmli chegaraning (image-border) ichkariga siljishlarini belgilaydi.
Buning o‘rniga borderImage xususiyatiga qarang!
Sintaksis
borderImageSlice xususiyatini qaytarish:
object.style.borderImageSlice
borderImageSlice xususiyatini o‘rnatish:
object.style.borderImageSlice = "number|%|fill|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| number | Sonlar rasmdagi piksellarni (agar rasm rastrli bo‘lsa) yoki vektor koordinatalarini (agar rasm vektorli bo‘lsa) ifodalaydi |
| % | Foizlar rasm o‘lchamiga nisbatan olinadi: gorizontal siljishlar uchun rasm kengligiga, vertikal siljishlar uchun esa balandligiga. Standart qiymat: 100% |
| fill | Chegara rasmining (border-image) o‘rta qismi saqlab qolinishiga sabab bo‘ladi |
| 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: | 100% |
|---|---|
| Qaytariladigan qiymat: | Elementning border-image-slice xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: border-image-slice xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderImageSlice — 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!