CSS बॉर्डर-बोट-स्टाइल अट्रिब्यूट

रिकार्ड और उपयोग

border-bottom-style इलेमेंट के नीचे की सीमा की शैली सेट करता है।

यह मूल्य none नहीं होने पर ही बोर्डर प्रदर्शित हो सकता है。

CSS1 में, HTML यूज़र एजेंट को केवल solid और none का समर्थन करना होगा。

और देखें:

CSS पाठ्यक्रम:CSS किनारा

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

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

उदाहरण

नीचे की सीमा की शैली सेट करना:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

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

CSS गणित

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

गुण मूल्य

मूल्य वर्णन
none बिना बोर्डर को परिभाषित करता है。
hidden इसके साथ "none" से एकजुट है। लेकिन तालिकाओं पर इसका अनुप्रयोग नहीं होता है, तालिकाओं पर बोर्डर टकराव को सुलझाने के लिए "hidden" उपयोग किया जाता है。
dotted बिंदु बोर्डर परिभाषित करता है। अधिकांश ब्राउज़रों में यह एक सटीक रेखा के रूप में प्रदर्शित होता है。
dashed डॉटेड रेखा परिभाषित करता है। अधिकांश ब्राउज़रों में यह एक सटीक रेखा के रूप में प्रदर्शित होता है。
solid सटीक रेखा परिभाषित करता है。
double दोहरे रेखाएँ परिभाषित करता है। दोहरे रेखाओं की चौड़ाई border-width के मूल्य से समान है。
groove 3D गोफ़ा बोर्डर को परिभाषित करता है। इसका प्रभाव border-color के मूल्य पर निर्भर करता है。
ridge 3D गांठी बोर्डर को परिभाषित करता है। इसका प्रभाव border-color के मूल्य पर निर्भर करता है。
inset 3D inset बोर्डर को परिभाषित करता है। इसका प्रभाव border-color के मूल्य पर निर्भर करता है。
outset 3D outset बोर्डर को परिभाषित करता है। इसका प्रभाव border-color के मूल्य पर निर्भर करता है。
inherit इस गुण को पितृ तत्व से बोर्डर शैली को विरासत करने का निर्देश देता है。

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: not specified
विरासत: no
संस्करण: CSS1
JavaScript गणित: object.style.borderBottomStyle="dotted"

अधिक उदाहरण

नीचे की सीमा की शैली सेट करना
इस उदाहरण में नीचे की सीमा के शैली को कैसे सेट करने के लिए दिखाया गया है。

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

तालिका में दिए गए नंबरों से पूर्णतया समर्थित पहले ब्राउज़र का संस्करण को सूचित किया गया है。

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2