Properties

Properties

Draft
  • account_tree
  • bug_report

border-image-repeatCSS3

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

설정 가능한 속성 값

  • stretch기본값키워드CSS3

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

  • repeat키워드CSS3

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

  • round키워드CSS3

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

  • space키워드CSS3

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

  • initial키워드CSS3

    CSS 기본 값으로 설정한다.

구문

  • border-image-repeat stretch or repeat or round or space or initial;기본형식CSS3

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

  • object.style.borderImageRepeat = "repeat";자바스크립트 형식CSS3

    자바스크립트 형식

테스트 도구

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

버전 명세

Version NameDescriptionFlags
CSS3

지원 웹브라우저