最新のWeb開発のチュートリアル
 

Style borderImageRepeat Property

<スタイルオブジェクト

画像ボーダーを繰り返す方法を指定します。

document.getElementById("myDIV").style.borderImageRepeat = "round";
»それを自分で試してみてください

定義と使用法

borderImageRepeatプロパティセット又は画像境界が、丸みを帯びた反復または延伸する必要があるかどうかを返します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


<スタイルオブジェクト