<!DOCTYPE html>
<html>
<head>
<style>
div {
    border: 30px solid transparent;
    border-image: url('border.png') 30 15px;
    }

</style>
</head>
<body>

<div>
This DIV uses an image as a border.
</div>
<p>Here is the image used:</p>
<img src="border.png">

<p><b>Note: </b>Internet Explorer 10, Opera 12, and Safari 5 do not support the border-image-repeat property.</p>

</body>
</html>