स्टाइल बॉर्डरबॉटमस्टाइल प्रॉपर्टी
उदाहरण
<div> तत्व में "ठोस" निचला बॉर्डर जोड़ें:
document.getElementById("myDiv").style.borderBottomStyle = "solid";
परिभाषा और उपयोग
BorderBottomStyle गुण किसी तत्व की निचली सीमा की शैली को सेट या लौटाता है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
नोट: "हिडन" मान IE7 और पुराने संस्करणों में समर्थित नहीं है। IE9 और बाद में "हिडन" का समर्थन करते हैं।
वाक्य - विन्यास
बॉर्डरबॉटम स्टाइल संपत्ति लौटाएं:
object.style.borderBottomStyle
बॉर्डरबॉटम स्टाइल संपत्ति सेट करें:
object.style.borderBottomStyle = value
सम्पत्ति की कीमत
Value | Description |
---|---|
none | Defines no border. This is default |
hidden | Same as "none", except in border conflict resolution for table elements |
dotted | Defines a dotted border |
dashed | Defines a dashed border |
solid | Defines a solid border |
double | Defines two borders. The width of the two borders are the same as the border-width value |
groove | Defines a 3D grooved border. The effect depends on the border-color value |
ridge | Defines a 3D ridged border. The effect depends on the border-color value |
inset | Defines a 3D inset border. The effect depends on the border-color value |
outset | Defines a 3D outset border. The effect depends on the border-color value |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | कोई नहीं |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की निचली सीमा की शैली का प्रतिनिधित्व करती है |
सीएसएस संस्करण | सीएसएस 1 |
और ज्यादा उदाहरण
उदाहरण
<div> तत्व की निचली सीमा की शैली को "बिंदीदार" में बदलें:
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
उदाहरण
<div> तत्व की निचली सीमा शैली लौटाएं:
alert(document.getElementById("myDiv").style.borderBottomStyle);
उदाहरण
सभी विभिन्न मूल्यों का प्रदर्शन:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस बॉर्डर
सीएसएस संदर्भ: सीमा-नीचे-शैली की संपत्ति
एचटीएमएल डोम संदर्भ: सीमा संपत्ति