Properties

Properties

Editing
  • account_tree
  • bug_report

background-repeat

선택자를 갖는 요소의 배경으로 설정된 이미지의 반복 여부를 설정한다.

사용 가능한 값 타입

<'background-repeat'>

DEVDIC-Specified Data Types

background-repeat 속성의 값을 나타낸다. 다중 배경인 경우 콤마로 구분된 연속된 값을 가질 수 있다.

  • CSS Backgrounds and Borders Module Level 3
    <repeat-style>#

포함된 타입

아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.

  • <repeat-style>

    배경 이미지의 크기와 위치가 지정된 후 타일링되는 방식을 설정하는 값을 나타낸다.

    • CSS Backgrounds and Borders Module Level 3
      repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}
    Details

    사용되는 키워드

    • no-repeat

      반복하지 않는다.

    • repeat

      기본 값이며 수직, 수평으로 반복 적용한다.

    • repeat-x

      수평 방향으로만 반복 적용한다.

    • repeat-y

      수직 방향으로만 반복 적용한다.

    • round

      이미지는 배경 위치 지정 영역에 맞는 만큼 반복된다. 배경 이미지가 영역에 맞도록 조정된다.

    • space

      이미지가 잘리지 않고 배경 위치 지정 영역에 맞는 만큼 반복되어 해당 영역을 채우도록 적절한 간격을 계산해서 처리한다.

다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.

  • 반복하지 않는다.

  • 〈repeat-style〉repeat

    기본 값이며 수직, 수평으로 반복 적용한다.

  • 수평 방향으로만 반복 적용한다.

  • 수직 방향으로만 반복 적용한다.

  • 이미지는 배경 위치 지정 영역에 맞는 만큼 반복된다. 배경 이미지가 영역에 맞도록 조정된다.

  • 이미지가 잘리지 않고 배경 위치 지정 영역에 맞는 만큼 반복되어 해당 영역을 채우도록 적절한 간격을 계산해서 처리한다.

구문

  • background-repeat: space;
    CSS Backgrounds and Borders Module Level 3
  • object.style.backgroundRepeat = "repeat-x";
    CSS1

    자바스크립트 형식

테스트 도구

배경 이미지의 반복 방식을 설정한다.

버전 명세

Modules
Module NameStatusSummary
CSS Backgrounds and Borders Module Level 3

Last review date: 2022-7-9

지원 웹브라우저