CSS बॉर्डर-बॉटम-विडथ अट्रिब्यूट

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

border-bottom-width गुण तत्व की नीचे की बॉर्डर की चौड़ाई को सेट करता है。

बॉर्डर शैली none नहीं होने पर ही यह कार्य करता है।यदि बॉर्डर शैली none है तो बॉर्डर चौड़ाई वास्तव में 0 पर पुनर्निर्धारित होगी।नकारात्मक लंबाई मूल्य निर्दिष्ट नहीं किया जा सकता है।

टिप्पणी：हमेशा border-bottom-width गुण के पहले border-style गुण को घोषित करें।तत्व को बॉर्डर प्राप्त होने के बाद ही बॉर्डर की चौड़ाई को बदला जा सकता है।

और देखें:

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

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

HTML DOM संदर्भ दस्तावेज़:borderBottomWidth गुण

उदाहरण

नीचे की बॉर्डर की चौड़ाई सेट करें:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

अपने आप साबित करें

CSS व्याकरण

border-bottom-width: medium|thin|thick|length|initial|inherit;

गुण मूल्य

मूल्य वर्णन
thin छोटी नीचे की बॉर्डर को परिभाषित करता है。
medium मूलभूत मूल्य।मध्यम चौड़ी नीचे की बॉर्डर को परिभाषित करता है。
thick चौड़ी नीचे की बॉर्डर को परिभाषित करता है。
length आपको नीचे की बॉर्डर की चौड़ाई को अनुकूलित करने की अनुमति देता है。
inherit पितृ तत्व से बॉर्डर चौड़ाई को विरासत करना निर्धारित करता है。

अधिक उदाहरण

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

तकनीकी विवरण

मूलभूत मूल्य: medium
विरासत: no
संस्करण： CSS1
JavaScript व्याकरण： object.style.borderBottomWidth="thick"

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

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

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

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