background-repeat

배경 이미지의 반복 여부를 지정합니다. 배경 이미지가 적용할 영역보다 작은 경우에 유용하게 사용됩니다. background-position 속성을 함께 사용해서 배경 이미지가 반복 표시되는 시작 위치를 지정할 수 있습니다. 두 개의 값이 지정된 때에는 첫 번째는 가로 방향, 두 번째는 세로 방향의 반복 여부를 지정한다.

CSS Level

CSS 1, CSS 2, CSS 3

상속

아니오

기본값

repeat

사용법

background-repeat: repeat-y;
background-repeat: no-repeat round;

object.style.backgroundRepeat = "repeat-y"

속성

repeat

배경 이미지가 가로, 세로 방향 모두 반복됩니다.

repeat-x

배경 이미지가 가로 방향으로만 반복됩니다.

repeat-y

배경 이미지가 세로 방향으로만 반복됩니다.

no-repeat

배경 이미지가 반복되지 않고 단 한번만 표시 됩니다.

round

CSS 3. 배경 이미지가 정수배만큼만 반복되도록 스케일을 조절합니다.

space

CSS 3. 배경 이미지가 정수배만큼만 반복되도록 하고 남는 부분은 빈 칸으로 둡니다.