CSS बॉर्डर-बोट-स्टाइल अट्रिब्यूट
- पिछला पृष्ठ border-bottom-right-radius
- अगला पृष्ठ border-bottom-width
व्याख्या और उपयोग
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 |
- पिछला पृष्ठ border-bottom-right-radius
- अगला पृष्ठ border-bottom-width