例
画像ボーダーを繰り返す方法を指定します。
document.getElementById("myDIV").style.borderImageRepeat = "round"; »それを自分で試してみてください 定義と使用法
borderImageRepeatプロパティセット又は画像境界が、丸みを帯びた反復または延伸する必要があるかどうかを返します。
ブラウザのサポート
borderImageRepeatプロパティは、Operaでサポートされていません。
borderImageRepeatプロパティは、Internet Explorer 10およびそれ以前ではサポートされていません。
borderImageRepeatプロパティは、Safariの5以前ではサポートされていません。
見てborderImageの代わりにプロパティ！
構文
borderImageRepeatプロパティを返します：
object .style.borderImageRepeat
borderImageRepeatプロパティを設定します。
object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| stretch | デフォルト値。 画像が領域を埋めるように延伸されます |
| repeat | 画像をタイル状にされて(repeated)の領域を埋めるために |
| round | 画像をタイル状にされて(repeated)の領域を埋めるために。 それは、タイルの全体数と面積を満たしていない場合は、それが収まるよう、画像を再スケーリングされます |
| space | 画像をタイル状にされて(repeated)の領域を埋めるために。 それは、タイルの全体数と面積を満たしていない場合は、余分なスペースは、タイルの周りに分布しています |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | ストレッチ |
|---|---|
| 戻り値： | 要素のボーダー画像リピート性を表す文字列、 |
| CSSのバージョン | CSS3 |
関連ページ
CSSリファレンス： border-image-repeat property
<スタイルオブジェクト