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