सीएसएस सीमा-छवि-चौड़ाई संपत्ति
उदाहरण
सीमा छवि की चौड़ाई निर्दिष्ट करें:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
परिभाषा और उपयोग
border-image-width
संपत्ति सीमा छवि की चौड़ाई निर्दिष्ट करती है ।
युक्ति: सीमा-छवि गुण (सभी सीमा-छवि-* गुण सेट करने के लिए एक आशुलिपि गुण) को भी देखें।
डिफ़ॉल्ट मान: | 1 |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | नहीं। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.borderImageWidth="20px" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
सीएसएस सिंटेक्स
border-image-width: number|%|auto|initial|inherit;
नोट: संपत्ति में border-image-width
एक से चार मान (ऊपर, दाएं, नीचे और बाईं ओर) हो सकते हैं। यदि चौथा मान छोड़ दिया जाता है, तो यह दूसरे के समान होता है। यदि तीसरा भी छोड़ दिया जाता है, तो यह पहले जैसा ही है। यदि दूसरा भी छोड़ दिया जाता है, तो यह पहले जैसा ही है।
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
length | A length unit (px) specifying the size of the border-width | |
number | Default value 1. Represents multiples of the corresponding border-width | |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस बॉर्डर इमेजेज
सीएसएस संदर्भ: सीमा-छवि संपत्ति
सीएसएस संदर्भ: सीमा-छवि-शुरुआत संपत्ति
CSS संदर्भ: बॉर्डर-इमेज-रिपीट प्रॉपर्टी
सीएसएस संदर्भ: सीमा-छवि-टुकड़ा संपत्ति
सीएसएस संदर्भ: सीमा-छवि-स्रोत संपत्ति
एचटीएमएल डोम संदर्भ: सीमा इमेजविड्थ संपत्ति