जावास्क्रिप्ट के साथ इमेज-बॉर्डर को रिपीटेड, राउंडेड या स्ट्रेच्ड होना चाहिए या नहीं, यह कैसे सेट करें?

इमेज-बॉर्डर को रिपीटेड, राउंडेड, या स्ट्रेच्ड होना है या नहीं, यह सेट करने के लिए borderImageRepeat प्रॉपर्टी का उपयोग करें।

उदाहरण

इमेज-बॉर्डर को रिपीटेड, राउंडेड या स्ट्रेच्ड सेट करना सीखने के लिए निम्न कोड चलाकर देखें:

<!DOCTYPE html> <html>    <head>       <style>          div{             background-color: blue;             border: 30px solid;             border-image: url('https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg');             border-image-slice: 10 10 30 30;             border-image-width: 1 1 1 1;             border-image-repeat: stretch;          }       </style>    </head>    <body>       <div id="box">          <p>             डेमो टेक्स्ट!          </p>       </div>       <button onclick="display()">मुझे क्लिक करें!</button>       <script>          function display() {             document.getElementById("box").style.borderImageRepeat = "round";          }       </script>    </body> </html>