CSS बॉर्डर-बोट-कलर अट्रिब्यूट

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

border-bottom-color रूप-गुण निर्धारित करता है कि तत्व की नीचे की बॉर्डर का रंग क्या होगा।

केवल शुद्ध रंग को परिभाषित कर सकते हैं और केवल जब बॉर्डर की शैली एक नहीं या hidden का मूल्य हो तभी बॉर्डर दिखाई देता है।

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

और देखें:

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

CSS संदर्भ दस्तावेज़:border-bottom रूप-गुण

HTML DOM संदर्भ दस्तावेज़:borderBottomColor रूप-गुण

उदाहरण

नीचे की बॉर्डर का रंग सेट करें:

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

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

CSS व्याकरण

border-bottom-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.borderBottomColor="blue"

अधिक उदाहरण

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

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

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

च्रोम IE / एज फ़ायरफॉक्स सैफारी ओपेरा
1.0 4.0 1.0 1.0 3.5

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

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