CSS बॉर्डर-रंग गुण

परिभाषा और उपयोग

border-color एट्रिब्यूट चार बॉर्डर का रंग सेट करता है। यह एट्रिब्यूट 1 से 4 रंग सेट कर सकता है。

border-color एट्रिब्यूट एक शॉर्ट हैंड एट्रिब्यूट है, जो एक एलिमेंट के सभी बॉर्डर के दृश्यमान हिस्से का रंग सेट कर सकता है, या 4 बॉर्डर को अलग-अलग रंग सेट कर सकता है। नीचे के उदाहरण को देखें:

उदाहरण 1

border-color:red green blue pink;
  • ऊपरी बाहरी रंग लाल है
  • दायाँ बॉर्डर लाल है
  • नीचे बाहरी रंग नीला है
  • बाईं बाहरी रंग गुलाबी है

उदाहरण 2

border-color:red green blue;
  • ऊपरी बाहरी रंग लाल है
  • दायां और बाईं बाहरी रंग हरा है
  • नीचे बाहरी रंग नीला है

उदाहरण 3

border-color:dotted red green;
  • ऊपरी और नीचे बाहरी रंग लाल है
  • दायां और बाईं बाहरी रंग हरा है

उदाहरण 4

border-color:red;
  • सभी 4 बाहरी रंग लाल हैं

याद रखें कि बाहरी रंग का शैली none या hidden नहीं होनी चाहिए, अन्यथा बाहरी रंग दिखाई नहीं देगा।

टिप्पणी：हमेशा border-style विशेषता को border-color विशेषता से पहले घोषित करें। एलीमेंट को रंग को बदलने से पहले बाहरी रंग प्राप्त करना चाहिए।

और देखें:

CSS शिक्षा:CSS किनारा

HTML DOM संदर्भ दस्तावेज़:borderColor विशेषता

उदाहरण

4 बाहरी रंग को सेट करें:

p
  {
  border-style:solid;
  border-color:#ff0000 #0000ff;
  }

अपने आप प्रयोग करें

CSS व्याकरण

border-color: color|transparent|initial|inherit;

विशेषता मूल्य

मूल्य वर्णन
color_name रंग नाम के रंग मूल्य के बाहरी रंग को निर्धारित करता है (जैसे red)।
hex_number संख्यात्मक मूल्य के रंग मूल्य के बाहरी रंग को निर्धारित करता है (जैसे #ff0000)।
rgb_number rgb कोड के रंग मूल्य के बाहरी रंग को निर्धारित करता है (जैसे rgb(255,0,0))।
transparent मूल वलय। बाहरी रंग पारदर्शी है।
inherit पिछले एलीमेंट से बाहरी रंग को विरासत करना निर्धारित करता है।

तकनीकी विवरण

मूल वलय: not specified
विरासत: no
संस्करण： CSS1
JavaScript व्याकरण： object.style.borderColor="#FF0000 blue"

अधिक उदाहरण

चारों बाहरी रंग को सेट करना
इस उदाहरण में चारों बाहरी रंग को सेट करने के तरीके दिखाया गया है। एक से चार रंगों को सेट किया जा सकता है।

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

टिप्पणी：Internet Explorer 6 (और अधिक पुरानी संस्करण) 'transparent' विशेषता को समर्थित नहीं करता है।

टिप्पणी：IE7 और अधिक पुराने ब्राउज़र 'inherit' मूल्य को समर्थित नहीं करते।IE8 के लिए !DOCTYPE चाहिए।IE9 'inherit' को समर्थित करता है।