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. 배경 이미지가 정수배만큼만 반복되도록 하고 남는 부분은 빈 칸으로 둡니다.


알립니다!

사이드바의 프로퍼티 목록 중 뒤에 별표(*)가 붙은 것은 CSS 3의 내용이 반영되지 않은 것입니다.

읽으신 글에 수정할 내용, 추가할 내용 등이 있다면 부담없이 댓글을 남겨 주세요.