선택자를 갖는 요소의 배경으로 설정된 이미지의 반복 여부를 설정한다.
background-repeat
속성의 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.
<repeat-style>#
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
배경 이미지의 크기와 위치가 지정된 후 타일링되는 방식을 설정하는 값을 나타낸다.
repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}
반복하지 않는다.
기본 값이며 수직, 수평으로 반복 적용한다.
수평 방향으로만 반복 적용한다.
수직 방향으로만 반복 적용한다.
이미지는 배경 위치 지정 영역에 맞는 만큼 반복된다. 배경 이미지가 영역에 맞도록 조정된다.
이미지가 잘리지 않고 배경 위치 지정 영역에 맞는 만큼 반복되어 해당 영역을 채우도록 적절한 간격을 계산해서 처리한다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
반복하지 않는다.
기본 값이며 수직, 수평으로 반복 적용한다.
수평 방향으로만 반복 적용한다.
수직 방향으로만 반복 적용한다.
이미지는 배경 위치 지정 영역에 맞는 만큼 반복된다. 배경 이미지가 영역에 맞도록 조정된다.
이미지가 잘리지 않고 배경 위치 지정 영역에 맞는 만큼 반복되어 해당 영역을 채우도록 적절한 간격을 계산해서 처리한다.
background-repeat: space;
object.style.backgroundRepeat = "repeat-x";
자바스크립트 형식
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Backgrounds and Borders Module Level 3 | Last review date: 2022-7-9 |