いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

background-repeat

background-repeatとは?

background-repeatは、背景画像の繰り返しを指定するCSSです。

色や画像、画像の表示開始位置、リピートなどをbackgroundでまとめて指定することもできます。

background-repeatの使い方

背景画像の繰り返しなし、X(水平)方向に繰り返す、Y(垂直)方向に繰り返すのいずれかを指定します。

X方向、Y方向両方に繰り返す場合は、background-repeatを指定しなくても大丈夫です。

記述方法

background-imageは以下のように記述します。

背景画像を繰り返さない場合

background-repeat:no-repeat;

背景画像をX(水平)方向に繰り返す場合

background-repeat:repeat-x;

背景画像をY(垂直)方向に繰り返す場合

background-repeat:repeat-y;
HTMLタグ
CSS
一口メモ
サンプルソース
用語集