जावास्क्रिप्ट में छवि को बॉर्डर के रूप में उपयोग करने के लिए सेट करने के लिए, 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>Demo Text!</p>
</div>
<button onclick="display()">Set Inward Offsets</button>
<script>
function display() {
document.getElementById("box").style.borderImageSource = "url('https://www.tutorialspoint.com/images/bugzilla.png')";
}
</script>
</body>
</html>