Border-Image

By: Jamy Golden

by ChristopherBurton

HTML

<div></div>
<br />
This is the border-image
<br />
<img src="http://css-plus.com/temp/repeat.jpg" alt="repeat example" />

CSS

div { 
        border-width: 20px;
        -moz-border-image:url("http://css-plus.com/temp/repeat.jpg") 20 repeat;
        -webkit-border-image:url("http://css-plus.com/temp/repeat.jpg") 20 repeat;
        border-image:url("http://css-plus.com/temp/repeat.jpg") 20 repeat;
    
        height: 400px; width: 400px; 
}