Style backgroundRepeat 属性

定義と用法

backgroundRepeat 배경 이미지가 어떻게 반복되는지 설정하거나 반환합니다.

추가로 참조하십시오：

HTML 스타일링：background 속성

CSS 강의：CSS 배경

CSS3 강의：CSS3 배경

CSS 참조 매뉴얼：background-repeat 속성

예제

예제 1

배경 이미지를 반복되지 않도록 설정합니다（no-repeat）：

document.body.style.backgroundRepeat = "repeat-y";

직접 시도해 보세요

예제 2

지정된 DIV 요소의 backgroundRepeat 속성 변경：

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

직접 시도해 보세요

예제 3

배경 이미지를 수평이나 수직으로 반복으로 설정합니다：

function repeatVer() {
  document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
  document.body.style.backgroundRepeat = "repeat-x";
}

직접 시도해 보세요

예제 4

문서의 background-repeat 값 반환：

alert(document.body.style.backgroundRepeat);

직접 시도해 보세요

문법

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 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속받습니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： repeat
반환 값： 문자열로 배경 이미지가 어떻게 반복되는지를 나타냅니다。
CSS 버전： CSS1

브라우저 지원

backgroundRepeat CSS1 (1996) 기능입니다。

모든 브라우저는 완전히 지원합니다：

크롬 에지 파이어폭스 사파리 오페라 IE
크롬 에지 파이어폭스 사파리 오페라 IE
지원 지원 지원 지원 지원 지원