CSS ボーダーアイコンリピート属性

定義と使用方法

border-image-repeat 属性は、画像の境界線が繰り返し（repeated）、伸ばし（stretched）または埋め尽くす（rounded）べきかを定義します。

も参照してください：

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

例

画像の繰り返し方法を指定します：

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

CSS 语法

border-image-repeat: stretch|repeat|round;

注記：この属性は、バウンド画像の端と中央部分の延び方と配置方法を定義します。したがって、2つの値を指定できます。第2の値を省略した場合、第1の値と同じ値が採用されます。

属性値

値 説明
stretch エリアを埋めるために画像を伸ばします。
repeat エリアを埋めるために画像をタイル（繰り返し）します。
round repeat 値に似ています。すべての画像を完全にタイルできなかった場合、画像を拡大してエリアに適応させます。

技術的詳細

デフォルト値： stretch
継承性： no
バージョン： CSS3
JavaScript 语法： object.style.borderImageRepeat="round"

ブラウザのサポート

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

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

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