शैली सीमाछवि संपत्ति
उदाहरण
एक छवि को <div> तत्व के चारों ओर सीमा के रूप में निर्दिष्ट करें:
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
परिभाषा और उपयोग
बॉर्डर इमेज प्रॉपर्टी बॉर्डर इमेजसोर्स , बॉर्डर इमेज स्लाइस , बॉर्डर इमेजविड्थ, बॉर्डर इमेजऑटसेट और बॉर्डर इमेज रिपीट प्रॉपर्टीज को सेट करने के लिए शॉर्टहैंड प्रॉपर्टी है।
छोड़े गए मान उनके डिफ़ॉल्ट मानों पर सेट होते हैं।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Webkit, Moz, या O के बाद नंबर पहले संस्करण को निर्दिष्ट करते हैं जो उपसर्ग के साथ काम करता है।
Property | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0 Webkit |
11.0 | 15.0 3.5 Moz |
6.0 3.1 Webkit |
15.0 11.0 O |
वाक्य - विन्यास
सीमा छवि संपत्ति लौटाएं:
object.style.borderImage
सीमा छवि संपत्ति सेट करें:
object.style.borderImage = "source slice width outset repeat|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
borderImageSource | The path to the image to be used as a border |
borderImageSlice | The inward offsets of the image-border |
borderImageWidth | The widths of the image-border |
borderImageOutset | The amount by which the border image area extends beyond the border box |
borderImageRepeat | Whether the image-border should be repeated, rounded or stretched |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | कोई नहीं 100% 1 0 खिंचाव |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की सीमा-छवि संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
सीएसएस संदर्भ: सीमा-छवि संपत्ति