Tự code rồi chạy thử... Chạy Thử

<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính border-image-width trong CSS</title>
<style>
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

div {width:100%; float:left; height:auto;  border: 10px solid transparent;
  padding: 15px; margin-bottom:15px; border-image-slice: 30;border-image-source: url('https://webmoi.vn/thumuc/border-hinh.png');border-image-repeat: round;
}
</style>
</head>
<body>

<h1>Code Thuộc tính border-image-width trong CSS</h1>

<p>Dùng để quy định chiều rộng của đường viền bằng hình ảnh trong phần tử HTML, hình ảnh dùng làm đường viền sẽ to lên và nhỏ lại tùy vào chiều rộng của border-image-width:</p>

<div style="border-image-width: 5px">border-image-width: 5px</div>

<div style="border-image-width: 10px">border-image-width: 10px</div>

<div style="border-image-width: 15px">border-image-width: 15px</div>

<div style="border-image-width: 20px">border-image-width: 20px</div>

<div style="border-image-width: 25px">border-image-width: 25px</div>

</body>
</html>

Code Thuộc tính border-image-width trong CSS

Dùng để quy định chiều rộng của đường viền bằng hình ảnh trong phần tử HTML, hình ảnh dùng làm đường viền sẽ to lên và nhỏ lại tùy vào chiều rộng của border-image-width:

border-image-width: 5px

border-image-width: 10px

border-image-width: 15px

border-image-width: 20px

border-image-width: 25px

Hình gốc:

Code Thuộc tính border-image-width trong CSS nằm trong bài viết Thuộc tính border-image-width trong CSS