あめつくのブログ

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

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

広告

ここでは、CSSで背景画像の繰り返しを指定する方法を説明します。CSSで背景画像を繰り返しを設定する場合、画像の繰り返しを「repeat/repeat-x/repeat-y/no-repeat」の4種類から選択します。

repeat
repeatを指定すると、背景画像を縦方向と横方向に繰り返し表示します。

repeat-x
repeat-xを指定すると、背景画像を横方向にのみ繰り返し表示します。

repeat-y
repeat-yを指定すると、背景画像を縦方向にのみ繰り返し表示します。

no-repeat
no-repeatを指定すると、背景画像を縦方向・横方向のどちらにも繰り返しません。つまり一度しか表示されません。

実際にこれら4パターンをブログの背景画像に指定すると以下のようになります。

広告

【repeatを指定した場合】

CSSのサンプル
body{
background-repeat:repeat;
}

【repeat-xを指定した場合】

CSSのサンプル
body{
background-repeat:repeat-x;
}

【repeat-yを指定した場合】

CSSのサンプル
body{
background-repeat:repeat-y;
}

【no-repeatを指定した場合】

CSSのサンプル
body{
background-repeat:no-repeat;
}

以上、「CSSで背景画像の繰り返しを指定する方法」でした!!

広告

関連記事

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

カテゴリー