例
画像ボーダーを繰り返す方法を指定します。
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
<スタイルオブジェクト