border-image

by redky

HTML

<div class="box"></div>

CSS

.box {
    margin: 0 auto;    
    width: 100px;
    height: 100px;
    border: 10px;
    border-image: -webkit-linear-gradient( left, #000 0%, #faa 100% ) 10 repeat;
}