➌ background-repeat 속성은 삽입된 배경 이미지에 반복 효과를 적용합니다. 속성값에 따라 x축이나 y축으로만 반복 효과를 적용할 수도 있습니다. 보통 표 6-3과 같은 네 가지 속성값을 사용합니다.
표 6-3 background-repeat 속성의 속성값(background-position을 주석 처리 후 확인)
|
속성값 |
역할 |
결과 |
|
repeat |
x축과 y축으로 모두 반복 효과를 적용합니다. |
|
|
repeat-x |
x축으로 반복 효과를 적용합니다. |
 |
|
repeat-y |
y축으로 반복 효과를 적용합니다. |
 |
|
no-repeat |
반복 효과를 적용하지 않고 이미지를 하나만 적용합니다. |
 |
background-image 속성을 사용하면 background-repeat 속성을 입력하지 않아도 기본값으로 repeat 속성값이 적용됩니다. 따라서 x축과 y축으로 모두 반복 효과가 적용됩니다.