जावास्क्रिप्ट के साथ बॉर्डर के रूप में उपयोग की जाने वाली इमेज कैसे सेट करें?

जावास्क्रिप्ट में बॉर्डर के रूप में उपयोग की जाने वाली इमेज सेट करने के लिए, इमेज जोड़ने के लिए borderImageSource का उपयोग करें।

उदाहरण

borderImageSource प्रॉपर्टी के साथ काम करना सीखने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          div {             background-color:blue;             border: 40px dashed;             border-image: url('https://www.tutorialspoint.com/images/neo4j.png');             border-image-slice: 50;             border-image-width: 1 1 1 1;             border-image-outset: 0;             border-image-repeat: round;          }       </style>    </head>    <body>       <div id="box">          <p>डेमो टेक्स्ट!</p>       </div>       <button onclick="display()">इनवर्ड ऑफसेट्स सेट करें</button>       <script>          function display() {             document.getElementById("box").style.borderImageSource = "url('https://www.tutorialspoint.com/images/bugzilla.png')";          }       </script>    </body> </html>