<style type="text/css">
#d_borderimagerepeat div {
border-width:15px;
width:400px;
margin:10px; padding:15px 25px;
}
#d_borderimagerepeat div.d_stretch {
border-image:url(/content/img/css/border.png) 20 20 stretch ;
-webkit-border-image:url(/content/img/css/border.png) 20 20 stretch;
-moz-border-image:url(/content/img/css/border.png) 20 20 stretch;
-ms-border-image:url(/content/img/css/border.png) 20 20 stretch;
-o-border-image:url(/content/img/css/border.png) 20 20 stretch;
}
#d_borderimagerepeat div.d_repeat {
border-image:url(/content/img/css/border.png) 20 20 repeat ;
-webkit-border-image:url(/content/img/css/border.png) 20 20 repeat;
-moz-border-image:url(/content/img/css/border.png) 20 20 repeat;
-ms-border-image:url(/content/img/css/border.png) 20 20 repeat;
-o-border-image:url(/content/img/css/border.png) 20 20 repeat;
}
#d_borderimagerepeat div.d_round {
border-image:url(/content/img/css/border.png) 20 20 round ;
-webkit-border-image:url(/content/img/css/border.png) 20 20 round;
-moz-border-image:url(/content/img/css/border.png) 20 20 round;
-ms-border-image:url(/content/img/css/border.png) 20 20 round;
-o-border-image:url(/content/img/css/border.png) 20 20 round;
}
</style>
<div id="d_borderimagerepeat">
<div class="d_stretch">stretch</div>
<div class="d_repeat">repeat</div>
<div class="d_round">round</div>
</div>