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

वर्णन और उपयोग

border-image-repeat गुण चित्र बॉर्डर को दोहराने (repeated)、फैलाने (stretched) या फैलाने (rounded) के लिए निर्धारित करता है।

अन्य देखें:

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

उदाहरण

चित्र के बॉर्डर को कैसे दोहराया जाना चाहिए इसे निर्धारित करता है:

div
{
border-image-source: url(border.png);
border-image-repeat: round;
}

CSS व्याकरण

border-image-repeat: stretch|repeat|round;

टिप्पणी:यह गुण बॉर्डर इमेज के किनारे और मध्य भाग को कैसे विस्तारित और फैलाया जाना चाहिए इसे निर्धारित करता है।इसलिए आपको दो मूल्य निर्धारित करना होगा।यदि दूसरा मूल्य छोड़ दिया जाता है, तो पहले मूल्य के समान मूल्य लिया जाता है。

गुण मूल्य

मूल्य वर्णन
stretch क्षेत्र को भरने के लिए चित्र को फैलाया जाता है
repeat क्षेत्र को भरने के लिए टैबले (पुनरावृत्ति) किया जाता है。
round repeat वैल्यू के समान।यदि पूरे रूप से टैबले किया नहीं जा सकता है, तो चित्र को ताले के अनुसार फैलाया जाता है。

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: stretch
विरासत की गुणता: no
संस्करण: CSS3
JavaScript व्याकरण: object.style.borderImageRepeat="round"

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

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

च्रोम IE / एज फ़ायरफॉक्स सफ़ारी ओपेरा
15.0 11.0 15.0 6.0 15.0

देखें border-image गुण。