menu
書いてる野郎
orebike@gmail.com
CSS/Style/ background/ background-repeat
CSS/Style/ background/ background-repeat
背景画像が小さく要素の背景に画像を敷き詰めないといけない場合にどのように画像をはめ込むかを指定する
round
指定の画像が要素にピッタリ収まるように数とサイズを調整する。このことにより背景画像が中途半端なところで切れるということがなくなる。
#hoge{ background-repeat: round; }
- 横 300px の要素に 横 100px の画像を敷き詰める場合は横に3枚になる。
- 横 360px の要素の場合は画像が20px分拡大(120px)されて横3枚ぴったりに調整される。4枚になって画像が切れることが無い
- 横 400px の要素の場合は4枚になる
