Style borderBottomStyle गुण

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

borderBottomStyle गुण सेट करना या एलेमेंट की निचली बॉर्डर स्टाइल लॉड करना。

अन्य संदर्भ देखें:

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

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

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

उदाहरण

उदाहरण 1

डिव एलेमेंट को ठोस निचली बॉर्डर जोड़ें:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

अपने आप साफ़ी करें

उदाहरण 2

डिव एलेमेंट की निचली बॉर्डर स्टाइल को "dotted" में बदलें:

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

अपने आप साफ़ी करें

उदाहरण 3

वापसी <div> एलिमेंट के निचले किनारे की शैली:

alert(document.getElementById("myDiv").style.borderBottomStyle);

अपने आप साफ़ी करें

उदाहरण 4

सभी अलग-अलग मूल्यों के प्रदर्शन के लिए:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

अपने आप साफ़ी करें

व्याकरण

borderBottomStyle गुण को वापस करें:

object.style.borderBottomStyle

borderBottomStyle गुण को सेट करें:

object.style.borderBottomStyle = value

गुण मूल्य

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

तकनीकी विवरण

मूलभूत मूल्य: none
वापसी मूल्य: एक तारा द्वारा प्रतिनिधित्व करने वाली शब्द, यह एलिमेंट के निचले किनारे के शैली को दर्शाता है।
CSS संस्करण: CSS1

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

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

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
1.0 5.5 1.0 1.0 9.2

टिप्पणी：IE7 और अधिक पुरानी संस्करण 'hidden' मूल्य का समर्थन नहीं करते। IE9 और अधिक विस्तार 'hidden' का समर्थन करते हैं।