ในการตั้งค่าจำนวนที่จะขยายรูปภาพเส้นขอบ คุณต้องตั้งค่าเส้นขอบนอกขอบ
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีกำหนดจำนวนที่รูปภาพเส้นขอบจะขยายออกไปนอกกรอบใน JavaScript
<!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>