background-repeat
Home>CSS>プロパティリファレンス>background-repeat
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;">
このサンプルでは黄土色の直線が引かれています。
関連リンク
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-6-30