CSS3 border-image-repeat Property

境界画像を繰り返す方法を指定します。

#borderimg {
border-image-source: url(border.png);
border-image-repeat: repeat;
}

定義と使用法

ボーダー・画像・リピートプロパティは、境界画像は、繰り返し丸めたり伸ばしするかどうかを指定します。

ヒント：また見ボーダー画像プロパティ(a shorthand property for setting all the border-image-* properties) 。

デフォルト値：	stretch
継承されました：	no
アニメーション：	no. Read about animatable
バージョン：	CSS3
JavaScriptシンタックス：	object .style.borderImageRepeat="round" Try it

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

プロパティ
border-image-repeat	15.0	11.0	15.0	6.0	15.0

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

Note:このプロパティは、側面と境界画像の中央部分の画像がスケーリングされ、タイル張りされている方法を指定します。 だから、あなたはここで2つの値を指定することができます。第二の値が省略された場合、最初と同じであると仮定されます。

値	説明	それを再生します
stretch	デフォルト値。画像は、領域を埋めるように引き伸ばされます	それを再生します»
repeat	画像がタイル張りされる(repeated)領域を埋めるために	それを再生します»
round	画像がタイル張りされる(repeated)領域を埋めるために。それは、タイルの全体数と面積に満たない場合は、それが収まるように、画像を再スケーリングされます	それを再生します»
space	画像がタイル張りされる(repeated)領域を埋めるために。それは、タイルの全体数と面積を満たしていない場合は、余分なスペースは、タイルの周りに分布しています
initial	このプロパティがデフォルト値に設定します。初期についての記事を読みます	それを再生します»
inherit	その親要素からこのプロパティを継承します。継承についての記事を読みます