スタイルシートで背景画像を操れ！その２　～１回だけ背景画像を表示させるには～

１回だけ画像を表示させたい！

　「背景画像を操れ！その１」では、背景画像を縦方向や横方向に繰り返しリピートさせる方法をご紹介しました。

　背景画像を1回だけ表示するには、「background-repeat」プロパティのキーワード「no-repeat」（繰り返しなし）を使います。この「no-repeat」を設定している場合、さらに「background-position」プロパティを追加することで、表示位置として上下左右を指定できます。デフォルトでは左上隅に表示されます。

サンプルコード（左下隅に置く場合）

「background-position」プロパティの設定例

　左から「top left」（左上隅／デフォルト）、「center center」（縦横真ん中）、「bottom right」（右下隅）。この他、「px」（ピクセル）や「%」（パーセンテージ）でも指定できます（参照：背景画像を数値とパーセントで位置指定する）。