CSS border-top प्रयोग
- पिछला पृष्ठ border-style
- अगला पृष्ठ border-top-color
व्याख्या और उपयोग
border-top लघु गुण ऊपरी बॉर्डर के सभी गुणों को एक ही व्यक्तव्य में सेट करता है।
इस रूप से क्रमिक रूप से गुण सेट किए जा सकते हैं:
यदि इनमें से कोई मूल्य सेट नहीं किया जाता है, तो कोई समस्या नहीं होगी, जैसे border-top:solid #ff0000; भी अनुमति दी जाती है।
और देखें:
CSS पाठ्यक्रम:CSS किनारा
HTML DOM संदर्भ दस्तावेज़:borderTop गुण
उदाहरण
ऊपरी बॉर्डर की शैली सेट करें:
p
{
border-style:solid;
border-top:thick double #ff0000;
}
CSS व्याकरण
border-top: border-width border-style border-color|initial|inherit;
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| border-top-width | ऊपरी बॉर्डर की चौड़ाई को निर्धारित करता है।देखें:border-top-width संभव मूल्यों |
| border-top-style | ऊपरी बॉर्डर के शैली को निर्धारित करता है।देखें:border-top-style संभव मूल्यों |
| border-top-color | ऊपरी बॉर्डर का रंग निर्धारित करता है।देखें:border-top-color संभव मूल्यों |
| inherit | पितृ तत्व से border-top गुण के सेट को व्यक्त करना बताया गया है। |
तकनीकी विवरण
| मूलभूत मूल्य: | निर्दिष्ट नहीं |
|---|---|
| विरासत: | नहीं |
| संस्करण： | CSS1 |
| JavaScript व्याकरण： | object.style.borderTop="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-style
- अगला पृष्ठ border-top-color
