स्टाइल बॉर्डरबॉटम प्रॉपर्टी
उदाहरण
<div> तत्व में निचला बॉर्डर जोड़ें:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
बॉर्डरबॉटम प्रॉपर्टी शॉर्टहैंड फॉर्म में तीन अलग-अलग बॉर्डर-बॉटम प्रॉपर्टी सेट या रिटर्न करती है।
इस संपत्ति के साथ, आप निम्न में से एक या अधिक (किसी भी क्रम में) सेट/वापस कर सकते हैं:
- सीमा-नीचे-चौड़ाई
- सीमा-नीचे शैली
- सीमा-नीचे-रंग
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
वाक्य - विन्यास
बॉर्डरबॉटम प्रॉपर्टी लौटाएं:
object.style.borderBottom
बॉर्डरबॉटम प्रॉपर्टी सेट करें:
object.style.borderBottom = "width style color|initial|inherit"
सम्पत्ति की कीमत
Parameter | Description |
---|---|
width | Sets the width of the bottom border |
style | Sets the style of the bottom border |
color | Sets the color of the bottom border |
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.borderBottom = "thin dotted red";
उदाहरण
<div> तत्व के बॉर्डर-बॉटम प्रॉपर्टी मान लौटाएं:
alert(document.getElementById("myDiv").style.borderBottom);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस बॉर्डर
CSS संदर्भ: सीमा-निचला गुण
एचटीएमएल डोम संदर्भ: सीमा संपत्ति