स्टाइल borderImage गुण

परिभाषा और उपयोग

borderImage गुण निम्नलिखित गुण को सेट करने के लिए एक लघु गुण है:

अनुपस्थित मूल्य उसके डिफ़ॉल्ट मूल्य पर सेट करें。

और देखें:

CSS संदर्भ दस्तावेज़:border-image गुण

उदाहरण

<div> एलेमेंट के बॉर्डर के लिए चित्र को निर्दिष्ट करें:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

अपने आप प्रयास करें

व्याकरण

borderImage गुण वापसी मूल्य दें:

object.style.borderImage

borderImage गुण सेट करें:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

गुण मूल्य

मूल्य वर्णन
borderImageSource जो बॉर्डर के रूप में इस्तेमाल किया जाना है, उसका पथ।
borderImageSlice चित्र किनारा की अंदर की ढाल।
borderImageWidth चित्र किनारा की चौड़ाई。
borderImageOutset चित्र किनारा क्षेत्र बॉर्डर बॉक्स (border box) से बाहर निकलने की मात्रा。
borderImageRepeat चित्र किनारा (repeated) बनाना चाहते हैं, फूल बनाना (rounded) या फिर फैलाना (stretched) चाहते हैं?
initial इस गुण को उसके डिफ़ॉल्ट मूल्य पर सेट करें। देखें initial.
inherit इस गुण को उसके माता एलेमेंट से इस गुण को ले लेता है। देखें inherit.

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: none 100% 1 0 stretch
वापसी मूल्य: इनके अर्थ हैं एक border-image गुण.
CSS संस्करण: CSS3

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का पहला संस्करण को दर्शाते हैं。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0