Style borderImageSource属性

定義と使用法

borderImageSource 属性が設定されたり返されたりするのは、border-style属性で指定されたフレームスタイルではなく、使用する画像です。

ヒント：値が "none"、または画像が表示されない場合、フレームスタイルが使用されます。

参照：

CSSリファレンスマニュアル：border-image-source属性

例

画像を使用してdiv要素のフレームを設定する：

document.getElementById("myDIV").style.borderImageSource = "url(border.png)";

自分で試してみてください

構文

borderImageSource属性の返り値：

object.style.borderImageSource

borderImageSource属性の設定：

object.style.borderImageSource = "none|image|initial|inherit"

属性値

値 説明
none 画像を使用しません。
image フレームに使用する画像のパスを示す。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： none
返り値： 文字列、要素の border-image-source属性。
CSSバージョン： CSS3

ブラウザのサポート

このテーブルの数字には、この属性を完全にサポートする最初のブラウザのバージョンが記載されています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 11.0 サポート 6.0 15.0

参照してください borderImage 属性！