BorderBottomWidth प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के लिए बॉटम बॉर्डर की चौड़ाई सेट करने या पाने के लिए किया जाता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैबॉर्डरबॉटमविड्थ प्रॉपर्टी सेट करना -
object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"
मान
संपत्ति के मूल्यों को इस प्रकार समझाया गया है -
<टेबल> <थेड>यह एक पतली सीमा निर्दिष्ट करता है।
यह मध्यम सीमा निर्दिष्ट करता है और डिफ़ॉल्ट मान है।
यह एक पतली सीमा निर्दिष्ट करता है।
इसका उपयोग लंबाई इकाइयों में सीमा चौड़ाई निर्दिष्ट करने के लिए किया जाता है।
इस संपत्ति को प्रारंभिक मूल्य पर सेट करने के लिए।
मूल संपत्ति मूल्य प्राप्त करने के लिए
उदाहरण
आइए बॉर्डरबॉटमविड्थ प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <style> #DIV1{ height: 100px; width: 200px; border: 10px groove orange; padding: 10px; border-bottom-width:30px; } </style> <script> function changeBottomWidth(){ document.getElementById("DIV1").style.borderBottomWidth="1px"; document.getElementById("Sample").innerHTML="The bottom border width is now decreased"; } </script> </head> <body> <div id="DIV1">SOME SAMPLE TEXT</div> <p>Change the above div bottom border width by clicking the below button</p> <button onclick="changeBottomWidth()">Change Bottom Width</button> <p id="Sample"></p> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
"नीचे की चौड़ाई बदलें" बटन पर क्लिक करने पर -