स्टाइल borderColor गुण

वर्णन और उपयोग

borderColor गुण को सेट करता है या इलाज करता है एलिमेंट के किनारे का रंग。

यह गुण एक से चार मान ले सकता है:

  • एक मान, उदाहरण के लिए: p {border-color: red} - सभी चार किनारे लाल हैं
  • दो मान, उदाहरण के लिए: p {border-color: red transparent} - ऊपरी और नीचे किनारा लाल है, दाएँ और बाएँ किनारा पारंपरिक है
  • तीन मान, उदाहरण के लिए: p {border-color: red green blue}- ऊपरी किनारा लाल है, दाएँ और बाएँ किनारा हरा है, नीचे किनारा नीला है
  • चार मान, उदाहरण के लिए: p {border-color: red green blue yellow} - ऊपरी किनारा लाल है, दाएँ किनारा हरा है, नीचे किनारा नीला है, बाएँ किनारा पीला है

और देखें:

CSS शिक्षा:CSS बॉर्डर

CSS संदर्भ निर्देशिका:border-color गुण

HTML DOM संदर्भ निर्देशिका:border गुण

उदाहरण

उदाहरण 1

। <div> एलिमेंट के चारों ओर किनारा का रंग लाल करें:

document.getElementById("myDiv").style.borderColor = "red";

स्वयं प्रयोग करें

उदाहरण 2

। <div> एलिमेंट के ऊपरी और नीचे किनारा का रंग लाल और बाएँ और दाएँ किनारा का रंग नीला करें:

document.getElementById("myDiv").style.borderColor = "green purple";

स्वयं प्रयोग करें

उदाहरण 3

। <div> एलिमेंट के किनारा रंग को वापसी मान देखें:

alert(document.getElementById("myDiv").style.borderColor);

स्वयं प्रयोग करें

व्याकरण

borderColor गुण वापसी मान:

ऑब्जेक्ट.style.borderColor

borderColor गुण सेट करें:

ऑब्जेक्ट.style.borderColor = "रंग|transparent|initial|inherit"

गुण मान

मान वर्णन
रंग

किनारा रंग को निर्धारित करता है। मूल रंग काला है।

देखें CSS रंग मान। पूरी सूची में रंग के मान को देखें।
पारंपरिक किनारा रंग पारंपरिक है (नीचे की सामग्री निकलती है)।
initial इस गुण को उसके मूलभूत मान पर सेट करें। देखें initial।
inherit इस गुण को उसके माता एलिमेंट से अनुवर्तित करें। देखें inherit।

तकनीकी विवरण

मूलभूत मान: काला
वापसी मान: इस तरह की दिया गया शब्द, एलिमेंट के किनारा रंग को प्रदर्शित करता है。
CSS संस्करण: CSS1

ब्राउज़र समर्थन

तालिका में दिए गए नंबर को पहले पूरी तरह से इस गुण का समर्थन करने वाले ब्राउज़र का संस्करण निर्दिष्ट करते हैं。

Chrome Edge Firefox सैफारी ऑपेरा
Chrome Edge Firefox सैफारी ऑपेरा
1.0 4.0 1.0 1.0 3.5