स्टाइल बॉर्डर इमेज रिपीट प्रॉपर्टी
उदाहरण
छवि-सीमा को दोहराने का तरीका निर्दिष्ट करें:
document.getElementById("myDIV").style.borderImageRepeat = "round";
परिभाषा और उपयोग
बॉर्डरइमेज रिपीट प्रॉपर्टी सेट या रिटर्न करती है कि क्या इमेज-बॉर्डर को दोहराया जाना चाहिए, गोल किया जाना चाहिए या बढ़ाया जाना चाहिए।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
borderImageRepeat | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
इसके बजाय सीमा छवि संपत्ति देखें !
वाक्य - विन्यास
बॉर्डर इमेज रिपीट प्रॉपर्टी लौटाएं:
object.style.borderImageRepeat
बॉर्डर इमेज रिपीट प्रॉपर्टी सेट करें:
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
stretch | Default value. The image is stretched to fill the area |
repeat | The image is tiled (repeated) to fill the area |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | फैलाव |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की सीमा-छवि-दोहराने की संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
CSS संदर्भ: बॉर्डर-इमेज-रिपीट प्रॉपर्टी