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

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

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

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>

<p><b>Hình gốc:</b></p>

<p><img src="https://webmoi.vn/thumuc/border-hinh.png"></p>

</body>
</html>
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