CSS बॉर्डर-इमेज-रिपीट प्रॉपर्टी
उदाहरण
निर्दिष्ट करें कि सीमा छवि को कैसे दोहराया जाए:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
परिभाषा और उपयोग
संपत्ति निर्दिष्ट करती है कि border-image-repeat
क्या सीमा छवि को दोहराया जाना चाहिए, गोल किया जाना चाहिए, स्थान दिया जाना चाहिए या बढ़ाया जाना चाहिए।
युक्ति: सीमा-छवि गुण (सभी सीमा-छवि-* गुण सेट करने के लिए एक आशुलिपि गुण) को भी देखें।
डिफ़ॉल्ट मान: | फैलाव |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | नहीं। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.borderImageRepeat="राउंड" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
सीएसएस सिंटेक्स
border-image-repeat: stretch|repeat|round|space|initial|inherit;
नोट: यह गुण निर्दिष्ट करता है कि किनारों और सीमा छवि के मध्य भाग के लिए छवियों को कैसे बढ़ाया और टाइल किया जाता है। तो, आप यहां दो मान निर्दिष्ट कर सकते हैं। यदि दूसरा मान छोड़ दिया जाता है, तो इसे पहले मान के समान माना जाता है।
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
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 |
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस बॉर्डर इमेजेज
सीएसएस संदर्भ: सीमा-छवि संपत्ति
सीएसएस संदर्भ: सीमा-छवि-शुरुआत संपत्ति
सीएसएस संदर्भ: सीमा-छवि-टुकड़ा संपत्ति
सीएसएस संदर्भ: सीमा-छवि-स्रोत संपत्ति
सीएसएस संदर्भ: सीमा-छवि-चौड़ाई संपत्ति
HTML DOM संदर्भ: BorderImageRepeat गुण