CSS बॉर्डर-बोटम-कलर गुण

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

border-bottom-color रूप-गुण एलिमेंट के नीचे की बॉर्डर का रंग सेट करता है。

केवल शुद्ध रंग को परिभाषित किया जा सकता है और बॉर्डर की शैली non none या 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' का समर्थन करता है।