HTML DOM borderTopWidth प्रॉपर्टी का उपयोग किसी तत्व के लिए ऊपरी बॉर्डर की चौड़ाई को सेट या प्राप्त करने के लिए किया जाता है।
सिंटैक्स निम्नलिखित है:
borderTopWidth प्रॉपर्टी सेट करना:
object.style.borderTopWidth = "thin|medium|thick|length|initial|inherit"
प्रॉपर्टी मान निम्नलिखित हैं:
| मान | विवरण |
|---|---|
| Thin | यह एक पतला बॉर्डर निर्दिष्ट करता है। |
| Medium | यह मध्यम बॉर्डर निर्दिष्ट करता है और यह डिफ़ॉल्ट मान है। |
| Thick | यह एक मोटा बॉर्डर निर्दिष्ट करता है। |
| Length | लंबाई इकाइयों में बॉर्डर चौड़ाई निर्दिष्ट करने के लिए उपयोग किया जाता है। |
| Initial | इस प्रॉपर्टी को प्रारंभिक मान पर सेट करने के लिए। |
| Inherit | मूल तत्व के प्रॉपर्टी मान को विरासत में लेने के लिए। |
आइए borderTopWidth प्रॉपर्टी के लिए एक उदाहरण देखें:
उदाहरण
<!DOCTYPE html> <html> <head> <style> #DIV1{ height: 100px; width: 200px; border: 10px groove orange; padding: 10px; border-top-width:30px; } </style> <script> function changeTopWidth(){ document.getElementById("DIV1").style.borderTopWidth="1px"; document.getElementById("Sample").innerHTML="ऊपरी बॉर्डर की चौड़ाई अब घट गई है"; } </script> </head> <body> <div id="DIV1">SOME SAMPLE TEXT</div> <p>नीचे दिए गए बटन पर क्लिक करके उपरोक्त div के ऊपरी बॉर्डर की चौड़ाई बदलें</p> <button onclick="changeTopWidth()">ऊपरी चौड़ाई बदलें</button> <p id="Sample"></p> </body> </html>आउटपुट
ऊपरी चौड़ाई बदलें बटन पर क्लिक करने पर:
