WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > background-repeat
background-repeat  背景 

背景画像の繰り返し方法を指定する。

このエントリーをはてなブックマークに追加
背景画像の繰り返し方法を指定します。また背景画像を指定する background-imageプロパティで背景画像を指定して下さい。

書式

background-repeatn : 繰り返し方法 ;
(例) background-repeat : repeat ;

パラメーター

・repeat
　縦横に背景画像を繰り返す。(初期値)
・repeat-x
　横方向にのみ繰り返す。
・repeat-y
　縦方向にのみ繰り返す。
・no-repeat
　繰り返さない。

サンプルコード


<div style="height:100px;background-image: url(/img/na2.gif); background-repeat:no-repeat;">あいうえお</div>
あいうえお

<div style="height:100px;background-image: url(/img/na2.gif); background-repeat:repeat-x;">あいうえお</div>
あいうえお

<div style="height:100px;background-image: url(/img/na2.gif); background-repeat:repeat-y;">あいうえお</div>
あいうえお

<div style="height:100px;background-image: url(/img/na2.gif); background-repeat:repeat;">あいうえお</div>
あいうえお