CSSリファレンス

border-image-sourceの意味と使い方

「border-image-source」は1枚の画像を使ってボックスのボーダーを表現できます。ボーダーとして使用する画像はborder-image-sourceプロパティで指定します。通常、ボーダーボックス内の「ボーダー画像領域」と呼ばれる部分に表示されます。ボーダー画像領域と、どのように1枚の画像でボーダーを実現するのかは、border-image-sliceプロパティを参照してください。

値の指定方法

画像のURL

ボーダーとして使用する画像のURLを指定します。


none

ボーダーに画像を使用しません。


関連プロパティ

  • border-image-slice:ボーダーに使用する画像の分割位置を指定する
  • border-image-width:ボーダー画像の幅を指定したい
  • border-image-outset:ボーダー画像の領域を広げる
  • border-image-repeat:ボーダー画像の繰り返し方法を指定する