CSS/border-image

border-image-source: url("");
イメージファイル名を指定

border-image-slice: top right bottom left;
ボーダーに使用する画像のそれぞれ上・右・下・左の端から内側へのオフセット量

border-image-width: 30px;
画像ボーダーの太さを指定

border-image-outset: top right bottom left;
ボーダーイメージエリアを広げる

border-image-repeat:
tretch: 画像が引き伸ばされて領域を埋める（初期値）
repeat: 画像がタイル状に繰り返されて領域を埋める
round: 画像がタイル状に繰り返されて領域を埋める。タイルが整数で並ばない場合には、並ぶように画像が拡大縮小される
space: 画像がタイル状に繰り返されて領域を埋める。タイルが整数で並ばない場合には、余ったスペースがタイルの周囲に分配される

width: 300px;
height: 100px;
border: 10px solid;
border-image: url("../../img/back.jpg") 20 20 round;