HTML DOM Style border प्रॉपर्टी

HTML DOM Style border प्रॉपर्टी का उपयोग किसी तत्व के लिए बॉर्डर गुणों को प्राप्त या सेट करने के लिए किया जाता है। यह border-width, border-style और border-color के लिए एक शॉर्टहैंड प्रॉपर्टी है।

सिंटैक्स

border प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है:

object.style.border = "width style color|initial|inherit"

पैरामीटर्स

उपरोक्त गुणों को निम्नानुसार समझाया गया है:

उदाहरण

border प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> <style>    #IMG1 {       border: 2px solid orange;       box-shadow: 2px 2px 4px 1px seagreen;    } </style> <script>    function changeBorder(){       document.getElementById("IMG1").style.border="4px dotted pink";       document.getElementById("Sample").innerHTML="The border for the image is now changed";    } </script> </head> <body> <h2>Learn XAMARIN</h2> <img id="IMG1" src="https://www.tutorialspoint.com/xamarin/images/xamarin-minilogo.jpg">   <p>Change the above image border clicking the below button</p> <button onclick="changeBorder()">CHANGE BORDER</button> <p id="Sample"></p> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

CHANGE BORDER पर क्लिक करने पर: