सीएसएस सीमा-छवि-शुरुआत संपत्ति
उदाहरण
किसी तत्व के बॉर्डर किनारों के बाहर बॉर्डर इमेज को 10 पिक्सेल रखें:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
परिभाषा और उपयोग
संपत्ति उस border-image-outset
मात्रा को निर्दिष्ट करती है जिसके द्वारा सीमा छवि क्षेत्र सीमा बॉक्स से आगे बढ़ता है।
युक्ति: सीमा-छवि गुण (सभी सीमा-छवि-* गुण सेट करने के लिए एक आशुलिपि गुण) को भी देखें।
डिफ़ॉल्ट मान: | 0 |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | नहीं। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.borderImageOutset="10px" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
सीएसएस सिंटेक्स
border-image-outset: length|number|initial|inherit;
नोट: संपत्ति में border-image-outset
एक से चार मान (ऊपर, दाएं, नीचे और बाईं ओर) हो सकते हैं। यदि चौथा मान छोड़ दिया जाता है, तो यह दूसरे के समान होता है। यदि तीसरा भी छोड़ दिया जाता है, तो यह पहले जैसा ही है। यदि दूसरा भी छोड़ दिया जाता है, तो यह पहले जैसा ही है।
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 | |
number | Represent multiples of the corresponding border-width | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस बॉर्डर इमेजेज
सीएसएस संदर्भ: सीमा-छवि संपत्ति
CSS संदर्भ: बॉर्डर-इमेज-रिपीट प्रॉपर्टी
सीएसएस संदर्भ: सीमा-छवि-टुकड़ा संपत्ति
सीएसएस संदर्भ: सीमा-छवि-स्रोत संपत्ति
सीएसएस संदर्भ: सीमा-छवि-चौड़ाई संपत्ति
एचटीएमएल डोम संदर्भ: सीमा इमेजऑटसेट संपत्ति