CSS 参考手册

CSS @规则(RULES)

border-image-source CSS属性は、ボーダーに使用する画像の場所を指定しますが、border-style属性で指定されたボーダースタイル。

以下のテーブルには、この属性の使用方法とバージョン履歴、javascriptスクリプトでの使用文法が示されています。

デフォルト値：	none
適用範囲：	この属性はどの要素にも適用できますが、テーブル要素（例えば tr,th,td ）のborder-collapse属性値がcollapseの場合のborder-image-source 属性が無効です。また、以下に適用されます::first-letter。
継承：	ありません
アニメーション可能：	いいえ。参照してくださいアニメーション属性。
バージョン：	CSS3の新機能
JavaScript文法：	object.style.borderImageSource="url(border.png)"

この属性の文法は以下の通りです：

border-image-source:　none　|　image　|　initial　|　inherit

以下の例では、borderの使用方法を示しています。-image-source属性。

例

.box　{
　　　　width:　300px;
　　　　height:　150px;
　　　　border-image-source:　url("border.png");
　　　　border-image-slice:　30;
　　　　border-image-repeat:　round;
}

以下のテーブルはこの属性の値を説明しています。

値	説明
none	ボーダーアイコンがない場合、ボーダースタイルを使用します。デフォルト値です。
image	ボーダーアイコンの場所を指定します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のborderを使用します。-image-source属性の計算値。

border-image-source属性のブラウザの互換性について、以下のテーブルにはその属性をサポートするブラウザの最低バージョン番号が示されています；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 15+ Google Chrome15+ Internet Explorer 11+ Apple Safari 6+ Opera 15+

以下のチュートリアルを参照してください：CSS3 BorderおよびCSS Border。