Properties

Properties

Editing
  • account_tree
  • bug_report

background-repeat

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

사용 가능한 값 타입

〈repeat-style〉

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

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

사용되는 키워드

  • no-repeat

    반복하지 않는다.

  • repeat

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

  • repeat-x

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

  • repeat-y

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

  • round

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

  • space

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

구문

  • background-repeat repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2};CSS1
  • object.style.backgroundRepeat = "repeat-x";CSS1

    자바스크립트 형식

테스트 도구

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

지원 웹브라우저