더 "Try it Yourself" 아래의 예.
정의 및 사용
backgroundRepeat 속성을 설정하거나 반환하는 방법을 반복 (tile) 배경 이미지를.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
통사론
backgroundRepeat 속성을 반환합니다 :
object .style.backgroundRepeat
backgroundRepeat 속성을 설정 :
object .style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
속성 값
| 값 | 기술 |
|---|---|
| repeat | 배경 이미지는 모두 수직 및 수평으로 반복된다. 이 기본이다 |
| repeat-x | 배경 화상은 가로로 반복 |
| repeat-y | 배경 이미지는 수직 방향으로 만 반복된다 |
| no-repeat | 배경 이미지는 반복하지 않는다 |
| initial | 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 |
| inherit | 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기 |
기술적 세부 사항
| 기본값: | 반복 |
|---|---|
| 반환 값 : | 배경 이미지가 반복되는 방식을 나타내는 문자열, |
| CSS 버전 | CSS1 |
더 예
예
지정된 DIV 요소의 backgroundRepeat 속성을 변경 :
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x"; »그것을 자신을 시도 예
수평 또는 수직으로 반복 배경 이미지를 설정합니다 :
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
} »그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 배경
CSS 참조 : background-position property
CSS 참조 : background-repeat property
HTML DOM 참조 : background property
<스타일 개체