Properties

Properties

Editing
  • account_tree
  • bug_report

border-image-repeat

요소의 네 변 테두리에 이미지를 어떻게 반복적으로 적용할 지를 결정한다.

사용 가능한 값 타입

〈'border-image-repeat'〉

사용되는 키워드

  • repeat

    변에 해당하는 이미지의 영역을 타일 처럼 요소의 테두리에 반복 배치한다. 변의 길이에 따라서 모서리쪽의 반복되는 이미지의 일부가 잘릴 수 있다.

  • round

    repeat 와 동일한 방식으로 테두리에 이미지를 적용하나 변의 길이에 맞게 반복되는 영역을 적절하게 조절하여 잘리는 부분이 없도록 한다.

  • space

    repeat 처럼 변의 길이에 맞게 이미지가 반복되지만 이미지의 영역을 조절하지 않고 반복되는 이미지와 이미지 사이에 공간을 두어 잘리는 부분 없이 변의 길이에 맞춘다.

  • stretch

    이미지의 영역을 늘려 요소의 테두리로 적용한다.

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

구문

  • border-image-repeat stretch | repeat | round | space;CSS3

    테두리에 적용될 이미지에서 변에 해당하는 영역에 대한 반복 적용을 주어진 상수로 설정을 한다.

  • object.style.borderImageRepeat = "repeat";CSS3

    자바스크립트 형식

테스트 도구

테두리에 사용된 이미지가 네 변의 길이에 맞추어 반복되는 방식을 지정한다.

지원 웹브라우저