borderImageOutset
Misol
Chegarani <div> elementi chetlaridan tashqariga joylashtiring:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";O‘zingiz sinab ko‘ring »
Tavsif
borderImageOutset xususiyati chegara rasmi sohasi chegara qutisidan (border box) qanchaga tashqariga chiqishini o‘rnatadi yoki qaytaradi.
Buning o‘rniga borderImage xususiyatiga qarang!
Sintaksis
borderImageOutset xususiyatini qaytarish:
object.style.borderImageOutset
borderImageOutset xususiyatini o‘rnatish:
object.style.borderImageOutset = "length|number|initial|inherit"
Eslatma: borderImageOutset xususiyati chegara rasmi sohasi yuqori, o‘ng, pastki va chap tomonlarda chegara qutisidan (border box) qanchaga tashqariga chiqishini belgilaydi. Agar to‘rtinchi qiymat tushirib qoldirilsa, u ikkinchisi bilan bir xil bo‘ladi. Agar uchinchisi ham tushirib qoldirilsa, u birinchisi bilan bir xil bo‘ladi. Agar ikkinchisi ham tushirib qoldirilsa, u birinchisi bilan bir xil bo‘ladi. borderImageOutset qiymatlarining hech biri uchun manfiy qiymatlarga ruxsat berilmaydi.
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| length | Chegara rasmi (border-image) chetlardan qancha uzoqlikda paydo bo‘lishini belgilovchi uzunlik birligi. Standart qiymat: 0 |
| number | Tegishli border-width qiymatiga karrali sonlarni ifodalaydi |
| 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: | 0 |
|---|---|
| Qaytariladigan qiymat: | Elementning border-image-outset xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: border-image-outset xususiyati
Brauzerlarda qo‘llab-quvvatlash
borderImageOutset — 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!
