background-repeat

Home>CSS>プロパティリファレンス>background-repeat

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

background-repeatプロパティの役割

background-repeatプロパティは、背景画像の繰り返し表示を指定します。
このプロパティは、background-imageで背景画像を指定しているときに有効です。

background-repeatプロパティに設定できる値

no-repeat 繰り返さない。1つだけ画像を表示。
repeat 縦横に繰り返して表示。初期値。
repeat-x 水平方向に繰り返して表示。
repeat-y 垂直方向に繰り返して表示。

background-repeatプロパティの使い方

background-repeat:repeat-x;

たとえば、以下のように画像を指定したのちに、repeat-xを指定することで、水平に線を引くことができます。

<div style="background-image:url(../../../data/img/global/sample-dot.gif);background-repeat:repeat-x;">

このサンプルでは黄土色の直線が引かれています。

関連リンク

よく読まれている記事

UpDate:2010-6-30