CSS बॉर्डर-इमेज़-विड्थ अट्रिब्यूट

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

border-image-width गुण को इमेज बॉर्डर की चौड़ाई निर्धारित करता है。

अन्य संदर्भदाता:

CSS3 शिक्षा:CSS3 के बॉर्डर

उदाहरण

इमेज बॉर्डर की चौड़ाई निर्धारित करता है:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

CSS व्याकरण

border-image-width: number|%|auto;

टिप्पणी:border-image-width गुण के चारों में निर्धारित एक गुण को बॉर्डर इमेज को नौ भागों में विभाजित करता है। वे क्षेत्र के ऊपरी, दायां, नीचे और बाईं पृष्ठों की अंदर की दूरी को प्रतिनिधित्व करते हैं। चौथा मान अनदेखा करने पर दूसरे मान के समान होगा। तीसरा मान छोड़ने पर पहले मान के समान होगा। दूसरा मान छोड़ने पर पहले मान के समान होगा। border-image-width मान के रूप में कोई नकारात्मक मान नहीं अनुमत है。

गुण मान

मान वर्णन
number संदर्भित border-width के गुणा है।
% संदर्भ किये गए किनारा इमेज क्षेत्र के आकार का संदर्भ दें: क्षेत्र की ऊंचाई स्तरीय बिदग्धी को प्रभावित करती है, चौड़ाई अथवा खिड़की को प्रभावित करती है。
auto यदि इस गुण को निर्धारित किया जाता है, तो चौड़ाई अनुरूप इमेज की स्लाइस की आधारभूत चौड़ाई है。

तकनीकी विवरण

मूलभूत मान: none
विरासतीयता: no
संस्करण: CSS3
JavaScript व्याकरण: object.style.borderImageWidth="30 30"

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

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

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 13.0 6.0 15.0

देखें border-image गुण