KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/8th/bg_repeat

背景画像の並べ方の設定

ブロックの背景に設定した画像の並べ方を設定するには、 background-repeatプロパティを設定します。

background-repeat: 並べ方

background-repeatプロパティは、背景画像の並べ方を指定します。 並べ方には、次の4種類があります。 プロパティを指定していない状態は、「repeat」を指定したときと同じ状態です。

• repeat: 縦横にタイル状に繰り返して並べる
• repeat-x: 横方向にだけ繰り返して並べる
• repeat-y: 縦方向にだけ繰り返して並べる
• no-repeat: 1つだけ表示（繰り返さない）

body {
  background-image: url(bgimage.gif);
  background-repeat: repeat-y;
}

• background-repeatの例（repeat-x）
  
• background-repeatの例（repeat-y）
  

次へ進んでください。

}}