border-image-repeat

border-image-repeatはボーダー画像の繰り返し方法について指定するためのプロパティです。

値に指定できるのは以下のキーワードです。

stretch	画像を拡大縮小してボーダ領域を塗りつぶす(初期値)
repeat	画像が繰り返されて表示される
round	画像が繰り返されて表示されるが、画像が収まりきらない場合は画像の拡大縮小が行われる
space	画像が繰り返されて表示されるが、画像が収まりきらない場合は等間隔のスペースが挿入される

値がひとつの場合は縦方向、横方向ともに指定した繰り返し方法が採用されます。

.target{
 border-image-repeat: repeat;
}

値がふたつの場合は最初の値は縦方向、次の値は横方向に指定した繰り返し方法が採用されます。

.target{
 border-image-repeat: repeat;
}

IE	Chrome	Safari	Firefox	iOS	Android
◯ 11〜	◯ 15〜	△ 5.1〜 ◯ 7〜	◯ 15〜	△ 3.2〜 ◯ 6〜	△ 2.1〜 ◯ 4.4〜

◯は実装済み、△はベンダープレフィックス付の実装、☓は未実装です。

登録日 : 2014年07月18日最終更新日 : 2014年7月21日

CSSリファレンス