Read Article

CSSのプロパティ(background-repeat)の使い方について知ろう9

広告

この章ではbackground-repeatプロパティについて説明します。
background-imageを指定すると指定した画像が繰り返し表示されていましたが、background-repeatを指定することでこの繰り返しを色々な形にコントロールすることができます。208 では例を見てみましょう。209210 初めにbackground-repeatを使用しない状態を確認します。
以下のように1つの画像が繰り返し表示されます。
元の画像は211です。212 次に以下のようにCSSに213を付け加えます。214 結果は以下のようになります。
繰り返しをしなくなり、1つの画像だけになります。215 この画像を文字の左に配置させるには216というプロパティを使います。
padding-leftについては「ボックス(margin,border,padding,)について知ろう」で詳しく説明しますので、ここでは表示結果だけを確認してください。217 結果は以下の通りです。218

URL :
TRACKBACK URL :
Return Top