borderBottom प्रॉपर्टी का उपयोग निचले बॉर्डर गुणों को सेट या प्राप्त करने के लिए किया जाता है। border-bottom प्रॉपर्टी border-bottom-width, border-bottom-style, border-bottom-color के लिए एक शॉर्टहैंड है।
सिंटैक्स
borderBottom प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है:
object.style.borderBottom = "width style color|initial|inherit"
मान
उपरोक्त प्रॉपर्टी मान निम्नलिखित हैं:
| क्रमांक | पैरामीटर्स एवं विवरण |
|---|---|
| 1 | Width निचले बॉर्डर की चौड़ाई सेट करने के लिए। |
| 2 | Style निचले बॉर्डर की शैली सेट करने के लिए। |
| 3 | Color निचले बॉर्डर का रंग सेट करने के लिए। |
| 4 | Initial इस प्रॉपर्टी को उसके प्रारंभिक मान पर सेट करने के लिए। |
| 5 | Inherit पैरेंट प्रॉपर्टी मान को विरासत में लेने के लिए। |
उदाहरण
borderBottom प्रॉपर्टी का उदाहरण देखते हैं:
<!DOCTYPE html> <html> <head> <style> #IMG1 { border-bottom: 7px solid orange; box-shadow: 2px 2px 4px 1px seagreen; } </style> <script> function changeBorder(){ document.getElementById("IMG1").style.borderBottom="10px dotted pink"; document.getElementById("Sample").innerHTML="The bottom border for the image is now changed"; } </script> </head> <body> <h2>Kotlin Tutorial</h2> <img id="IMG1" src="https://www.tutorialspoint.com/kotlin/images/kotlin.jpg"> <p>Change the above image below border by clicking the below button</p> <button onclick="changeBorder()">Change Bottom Border</button> <p id="Sample"></p> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा:
"Change Bottom Border" बटन पर क्लिक करने पर:
