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