Để đặt độ lệch vào trong của đường viền hình ảnh, hãy sử dụng borderImageSlice thuộc tính trong JavaScript.
Ví dụ
Bạn có thể thử chạy mã sau để tìm hiểu cách triển khai borderImageSlice tài sản.
<!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: 0 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.borderImageSlice = "20% 20%";
}
</script>
</body>
</html>