6.4.3 background-repeat 속성
앞에서 봤듯이 요소의 배경 크기가 삽입하려는 이미지보다 크면 이미지를 자동으로 반복해서 채웁니다. 이때 이미지 반복 설정을 바꾸려면 background-repeat 속성을 사용합니다.
형식
background-repeat:<속성값>;
속성값에 따라 바뀌는 설정은 다음과 같습니다.
표 6-12 background-repeat 속성값
|
속성값 |
설명 |
|
no-repeat |
이미지를 반복하지 않습니다. |
|
repeat-x |
이미지를 가로 방향으로 반복합니다. |
|
repeat-y |
이미지를 세로 방향으로 반복합니다. |
|
repeat |
이미지를 가로와 세로 방향으로 반복합니다. |
|
round |
이미지를 반복하되 이미지가 요소에 딱 맞도록 크기를 자동 조절합니다. |
|
space |
이미지가 잘리지 않도록 반복합니다. |