शैली सीमारंग संपत्ति
उदाहरण
<div> तत्व की चार सीमाओं का रंग लाल में बदलें:
document.getElementById("myDiv").style.borderColor = "red";
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
बॉर्डरकलर गुण किसी तत्व की सीमा का रंग सेट या लौटाता है।
यह गुण एक से चार मान ले सकता है:
- एक मान, जैसे: p {सीमा-रंग: लाल} - चारों बॉर्डर लाल होंगे
- दो मान, जैसे: p {सीमा-रंग: लाल पारदर्शी} - ऊपर और नीचे की सीमा लाल होगी, बाएँ और दाएँ बॉर्डर पारदर्शी होंगे
- तीन मान, जैसे: p {सीमा-रंग: लाल हरा नीला} - शीर्ष सीमा लाल होगी, बाएँ और दाएँ बॉर्डर हरा होगा, निचला बॉर्डर नीला होगा
- चार मान, जैसे: p {बॉर्डर-रंग: लाल हरा नीला पीला} - शीर्ष बॉर्डर लाल होगा, दायाँ बॉर्डर हरा होगा, निचला बॉर्डर नीला होगा, बायाँ बॉर्डर पीला होगा
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
वाक्य - विन्यास
सीमा रंग संपत्ति लौटाएं:
object.style.borderColor
सीमा रंग संपत्ति सेट करें:
object.style.borderColor = "color|transparent|initial|inherit"
सम्पत्ति की कीमत
Value | Description |
---|---|
color | Specifies the color of the border. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element |
transparent | The color of the border is transparent (underlying content will shine through) |
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.borderColor = "green purple";
उदाहरण
<div> तत्व का बॉर्डर रंग लौटाएं:
alert(document.getElementById("myDiv").style.borderColor);
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस बॉर्डर
सीएसएस संदर्भ: सीमा-रंग संपत्ति
एचटीएमएल डोम संदर्भ: सीमा संपत्ति