CSS बॉर्डर-बोट अट्रिब्यूट
- पिछला पृष्ठ border-block-width
- अगला पृष्ठ border-bottom-color
विवरण और उपयोग
border-bottom लघु गुण नीचे किनारा के सभी गुणों को एक ही घोषणा में सेट करता है।
इस क्रम में निम्नलिखित गुणों को सेट किया जा सकता है:
अगर इनमें से कोई मूल्य सेट नहीं किया जाता है, तो कोई समस्या नहीं होगी, जैसे border-bottom:solid #ff0000; भी अनुमति दी जाती है।
और देखें:
CSS पाठ्यक्रम:CSS बॉर्डर
HTML DOM संदर्भ दस्तावेज़:borderBottom गुण
उदाहरण
नीचे किनारा की शैली सेट करें:
p
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
CSS व्याकरण
border-bottom: border-width border-style border-color|initial|inherit;
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| border-bottom-width | नीचे किनारा की चौड़ाई को निर्धारित करता है।देखें:border-bottom-width संभव मूल्य |
| border-bottom-style | नीचे किनारा के शैली को निर्धारित करता है।देखें:border-bottom-style संभव मूल्य |
| border-bottom-color | नीचे किनारा रंग को निर्धारित करता है।देखें:border-bottom-color संभव मूल्य |
| inherit | पिछले एलीमेंट से border-bottom गुण के सेट को विनियमित करना है। |
तकनीकी विवरण
| मूलभूत मूल्य: | अनिर्दिष्ट |
|---|---|
| विरासत करता है: | नहीं |
| संस्करण： | CSS1 |
| JavaScript व्याकरण： | object.style.borderBottom="3px solid blue" |
अधिक उदाहरण
- सभी नीचे किनारा गुण एक ही घोषणा में
- इस उदाहरण में, सभी नीचे किनारा गुणों को एक ही घोषणा में सेट करने के लिए लघु गुण का उपयोग किया गया है।
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों से पता चलता है कि कौनसा ब्राउज़र इस गुण को पूरी तरह से समर्थित करता है।
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
टिप्पणी：IE7 और अधिक पुराने ब्राउज़र 'inherit' मूल्य को समर्थित नहीं करते।IE8 के लिए !DOCTYPE की आवश्यकता है।IE9 'inherit' को समर्थित करता है।
- पिछला पृष्ठ border-block-width
- अगला पृष्ठ border-bottom-color
