borderBottomWidth प्रॉपर्टी का उपयोग किसी तत्व के लिए निचले बॉर्डर की चौड़ाई को सेट या प्राप्त करने के लिए किया जाता है।
सिंटैक्स
borderBottomWidth प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है:
object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"
मान
प्रॉपर्टी मानों को निम्नानुसार समझाया गया है:
| क्रमांक | मान एवं विवरण |
|---|---|
| 1 | thin यह एक पतला बॉर्डर निर्दिष्ट करता है। |
| 2 | medium यह एक मध्यम बॉर्डर निर्दिष्ट करता है और यह डिफ़ॉल्ट मान है। |
| 3 | thick यह एक मोटा बॉर्डर निर्दिष्ट करता है। |
| 4 | length लंबाई इकाइयों में बॉर्डर चौड़ाई निर्दिष्ट करने के लिए उपयोग किया जाता है। |
| 5 | initial इस प्रॉपर्टी को उसके प्रारंभिक मान पर सेट करने के लिए। |
| 6 | inherit पैरेंट प्रॉपर्टी मान को विरासत में लेने के लिए। |
उदाहरण
borderBottomWidth प्रॉपर्टी का एक उदाहरण देखते हैं:
<!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>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा:
"Change Bottom Width" बटन पर क्लिक करने पर:
