CSS - background-repeat

사용 예

background : url(http://postfiles15.naver.net/20100418_62/netioi_1271564835084aOUMe_gif/c0e5b9cc_netioi.gif?type=w2) repeat;

background-repeat
값	repeat | repeat-x | repeat-y | no-repeat
초기값	repeat
상 속	no
적 용	모든 요소

백그라운드 이미지는 지정된 위치에서 수평, 수직 방향으로 반복해서 나타나게 됩니다.

백그라운드 이미지의 반복여부와 방향을 제어하는 것이 'background-repeat' 속성입니다.

 

1) repeat

기본값입니다. 수평, 수직방향으로 이미지가 반복되어서 나타나게 됩니다.

DIV { background-image: url(이미지경로); background-repeat:repeat; }

2) repeat-x

수평 방향으로 이미지가 반복되어서 나타나게 됩니다.

DIV { background-image: url(이미지경로); background-repeat:repeat-x; }

 

3) repeat-y

수직 방향으로 이미지가 반복되어서 나타나게 됩니다.

DIV { background-image: url(이미지경로); background-repeat:repeat-y; }

 

4) no-repeat

이미지가 반복되지 않습니다.

DIV { background-image: url(이미지경로); background-repeat:no-repeat; }

 

[출처] background-repeat|작성자 네티

출처 - http://netioi.blog.me/70084428122