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 संकीर्ण चौड़ाई वाले नीचे की बॉर्डर को परिभाषित करता है。
मध्यम मूलभूत मूल्य।मध्यम चौड़ाई वाले नीचे की बॉर्डर को परिभाषित करता है。
thick मध्यम चौड़ाई वाले नीचे की बॉर्डर को परिभाषित करता है。
length आपको नीचे की बॉर्डर की चौड़ाई को अनुकूलित करने की अनुमति देता है।
inherit पितृ तत्व से बॉर्डर चौड़ाई को विरासत करना निर्धारित करता है।

अधिक उदाहरण

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

तकनीकी विवरण

मूलभूत मूल्य： मध्यम
विरासत करने की क्षमता： नहीं
संस्करण： 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' को समर्थित करता है।