background-repeat: ★;

CSS 109p

背面画像を指定した場合の、画像の繰り返し方法を指定します。
背景画像は通常タイル状に敷き詰められますが、この要素を使えば
背景画像を敷き詰めるかどうか、敷き詰める場合にはどのように
敷き詰めるかを指定します。
値は次の４つの中から選びます。

  • repeat
    タイル状に敷き詰めた状態。
  • repeat-x
    水平方向にのみ繰り返して表示。
  • repeat-y
    垂直方向にのみ繰り返して表示。
  • no-repeat
    繰り返さずに１つだけ表示。
 例  CSS
body {
background-repeat: repeat(repeat-x,repeat-y,no-repeat);
}

文章だけでは分かりにくいと思うのでそれぞれを現してみました。
repeat    repeat-x    repeat-y    no-repeat
ブラウザ表示が100％のままではわかりにくいと思いんすので、
表示を50％くらいまで下げてもらったらわかると思います！
キーボードのCtrlを押しながらマウスをクリクリしてください(//∀//)
そのあと画面をスクロールしてもらえばわかりますよ！

トップに戻る