Style borderImageRepeat属性

定義と使用方法

borderImageRepeat 属性がタイル（繰り返し）、塗り満ち（丸め）、または伸縮（伸び）されるかどうかを設定または返します。

も参照してください：

CSSリファレンスマニュアル：border-image-repeat属性

例

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

document.getElementById("myDIV").style.borderImageRepeat = "round";

自分で試してみる

文法

borderImageRepeat属性の返り値：

object.style.borderImageRepeat

borderImageRepeat属性の設定：

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

属性値

値 説明
stretch デフォルト値。画像はエリアを埋めるために伸縮されます。
repeat 画像はこのエリアを埋めるためにタイル（繰り返し）されます。
round

画像はこのエリアを埋めるためにタイル（繰り返し）されます。

このエリアを完全な数のブロックで埋める場合には、画像を再縮小して適合させます。
space

画像はこのエリアを埋めるためにタイル（繰り返し）されます。

このエリアを完全な数のブロックで埋める場合には、余分なスペースはブロックの周りに分散されます。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： stretch
返り値： 文字列、要素の border-image-repeat属性。
CSSバージョン： CSS3

ブラウザのサポート

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート 11.0 サポート 6.0 15.0

参照してください borderImage 属性。