본문 바로가기
www/CSS_tip

background - CSS 배경이미지의 반복(background-repeat)

by 랭님 2014. 1. 1.

background-repeat 속성을 사용하면 배경이미지의 반복을 지정할 수 있습니다.

속성값으로 아래와 같이 4가지를 사용할 수 있습니다.

repeat : 배경이미지가 반복적으로 적용됩니다. 기본값입니다.

repeat-x : 배경이미지가 가로방향으로만 반복적으로 적용됩니다.

repeat-y : 배경이미지가 세로방향으로만 반복적으로 적용됩니다.

no-repeat : 배경이미지가 반복적으로 적용되지 않고 한번만 적용됩니다.

<div style="width:250; height:250; background-image: url(bg.gif) ; background-repeat:repeat-x"></div>
<div style="width:250; height:250; background-image: url(bg.gif) ; background-repeat:repeat-y"></div>


※출처 : http://www.homejjang.com/