CSS ボーダーアイコンソース属性

定義と使用法

border-image-source 属性は、border-style 属性で設定されたフレームのスタイルに代わりに使用する画像を指定します。

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

また、参照してください：

CSS3 チュートリアル：CSS3 边框

例

div要素の周りに画像を使用してフレームを作成する：

div
{
border-image-source: url(border.png);
}

CSS 文法

border-image-source: none|image;

属性値

値 説明
none 画像を使用しない。
image フレームの周りに使用される画像のパス。

技術的詳細

デフォルト値： none
継承性： no
バージョン： CSS3
JavaScript 文法： object.style.borderImageSource="url(border.png)"

ブラウザのサポート

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

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

参照してください border-image 属性。