border-imageでボーダー画像をまとめて指定【CSS】

border-imageプロパティは、ボーダー画像に関することをまとめて指定するショートハンドプロパティです。

{border-image: -source -slice -width / -outset -repeat;}

指定できる値は各プロパティ「border-image-source」、「border-image-slice」、「border-image-width」、「border-image-outset」、「border-image-repeat」と同じで、それぞれの値を半角スペースで区切って指定します。

任意の順序で指定できますが、border-image-outsetプロパティの値は、border-image-widthプロパティの値にスラッシュ（/）で続けて指定します。

border-imageでボーダー画像を指定しています。