उस राशि को सेट करने के लिए जिसके द्वारा बॉर्डर इमेज को बढ़ाया जाता है, आपको किनारों के बाहर बॉर्डर सेट करना होगा।
उदाहरण
आप जावास्क्रिप्ट में सीमा बॉक्स से परे सीमा छवि के विस्तार की मात्रा निर्धारित करने का तरीका जानने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं।
<!DOCTYPE html>
<html>
<head>
<style>
div{
background-color:gray;
border: 40px solid;
border-image: url('https://www.tutorialspoint.com/images/neo4j.png');
border-image-slice: 50;
border-image-width: 20px;
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 Border Oustside Edges</button>
<script>
function display(){
document.getElementById("box").style.borderImageOutset = "5px 10px 20px 15px";
}
</script>
</body>
</html>