Top > Lecture > JouhouC2007 > 8th > bg_repeat
AND OR

背景画像の並べ方の設定

ブロックの背景に設定した画像の並べ方を設定するには、 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の例
  • background-repeatの例(repeat-y)
    background-repeatの例


次へ進んでください。



Attach file: filecss03.png 330 download [Information] filecss04.png 359 download [Information]

Reload   Diff   Front page List of pages Search Recent changes Backup Referer   Help   RSS of recent changes
Last-modified: Tue, 11 Mar 2014 02:20:22 HADT (3752d)