border-image ₃

---

Dùng để định dạng các dạng border bằng hình ảnh.

Thuộc tính	giá trị	Ví dụ	Mô tả
border-image	url	border-image:url()	link ảnh

Xem ví dụ

<style>
div
{
border:15px solid transparent;
width:250px;
padding:10px 20px;
}

#round
{
-moz-border-image:url(http://w3schools.com/cssref/border.png) 30 30 round; /* Old Firefox */
-webkit-border-image:url(http://w3schools.com/cssref/border.png) 30 30 round; /* Safari */
-o-border-image:url(http://w3schools.com/cssref/border.png) 30 30 round; /* Opera */
border-image:url(http://w3schools.com/cssref/border.png) 30 30 round;
}

#stretch
{
-moz-border-image:url(http://w3schools.com/cssref/border.png) 30 30 stretch; /* Old Firefox */
-webkit-border-image:url(http://w3schools.com/cssref/border.png) 30 30 stretch; /* Safari */
-o-border-image:url(http://w3schools.com/cssref/border.png) 30 30 stretch; /* Opera */
border-image:url(http://w3schools.com/cssref/border.png) 30 30 stretch;
}
</style>

<div id="round"> kiểu lặp </script></div>
<br>
<div id="stretch"> kéo giãn </script></div>

<p>Here is the image used:</p>
<img src="http://w3schools.com/cssref/border.png">

Đây là ảnh được sử dụng làm border

Sự tương thích ( Cập nhật / Báo lỗi )

---