CSS3 border-image-repeat プロパティ
 完全な CSS3 リファレンス
例
画像ボーダーを繰り返す方法を指定します :
div
{
border-image-source: url(border.png);
border-image-repeat: round;
} |
|
ブラウザ・サポート
border-image-repeat プロパティをサポートしているブラウザはありません。
代りに border-image プロパティをご覧ください !
定義と用法
border-image-repeat プロパティは、画像ボーダーをrepeat(繰返し)、round、 stretch(伸縮)するかを指定します。
| デフォルト値: |
stretch |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.borderImageRepeat="round" |
構文
| border-image-repeat: stretch|repeat|round; |
注: このプロパティは、ボーダーイメージの両側面と中間部分にイメージをどうスケーリングして、
タイルするかを指定します。従って、この2つの値を指定できます。2番目の値を省略した場合、
1番目と同じ値が仮定されます。
| 値 |
説明 |
| stretch |
画像はエリアを埋めるように引き伸ばされます |
| repeat |
画像はエリアを埋めるようにタイル (繰返し) されます |
| round |
画像はエリアを埋めるようにタイル (繰返し) されます。
タイルの整数倍で領域が埋まらない場合、画像を拡大縮小してフィットするようにします。 |
完全な CSS3 リファレンス
|