border-image #1

Basic border-image example

by Cam Gould

HTML

<div class="border">
  <br><br><br>
</div>

CSS

.border {
    -webkit-border-image: url('http://matthewjamestaylor.com/blog/selection.gif') 10% repeat repeat;
       -moz-border-image: url('http://matthewjamestaylor.com/blog/selection.gif') 10% repeat repeat;
        -ms-border-image: url('http://matthewjamestaylor.com/blog/selection.gif') 10% repeat repeat;
         -o-border-image: url('http://matthewjamestaylor.com/blog/selection.gif') 10% repeat repeat;
            border-image: url('http://matthewjamestaylor.com/blog/selection.gif') 10% repeat repeat;
    border-width: 2px;
}