CSS border-image

プロパティ

記述順　border-imge: source slice / width outset repeat;
用意する画像は正方形

• border-image-outset

  境界ボックスからはみ出す幅

  単位 or border-width の倍数

• border-image-repeat

  stretch repeat round space

• border-image-slice

  画像を分割

  数値の場合ラスターはピクセル数、ベクターは座標。または高さに対するパーセント値

  fill 中央に背景画像

• border-image-source
• border-image-width

border-image - CSS: カスケーディングスタイルシート | MDN より

スタイリング