border-image #1

Basic border-image example

HTML

<div class="border">
    <p>This is a very basic <code>border-image</code> example.</p>
</div>

<!-- Modernizr -->
<script type="text/javascript" src="http://css-plus.com/examples/2012/04/border-image/js/modernizr-2.5.3.min.js"></script>

CSS

.border {
    border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-1.png) 25 repeat;
       -moz-border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-1.png) 25 repeat;
        -ms-border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-1.png) 25 repeat;
         -o-border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-1.png) 25 repeat;
            border-image: url(http://css-plus.com/examples/2012/04/border-image/img/example-1.png) 25 repeat;
    border-width: 25px;
}

.no-borderimage .border {
    border: 5px solid #2a3e46;
}