Style borderImageRepeat 속성

정의와 사용법

borderImageRepeat 속성 설정이나 반환하여 이미지 경계선이 반복(repeated)、부드럽게 맞추기(rounded) 또는 확장(stretched)되어야 하는지 지정합니다.

다른 참조도 참조하십시오：

CSS 참조 매뉴얼：border-image-repeat 속성

예제

이미지를 반복하는 방법을 정의합니다：

document.getElementById("myDIV").style.borderImageRepeat = "round";

직접 테스트해 보세요

문법

borderImageRepeat 속성 반환：

object.style.borderImageRepeat

borderImageRepeat 속성 설정：

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

속성 값

값 설명
stretch 기본 값. 이미지는 이 区域을 채우기 위해 확장됩니다.
repeat 이미지는 이 区域을 채우기 위해 틸링(반복)됩니다.
round

이미지는 이 区域을 채우기 위해 틸링(반복)됩니다.

이 区域을 채우기 위해 완전한 블록 수가 사용되지 않았다면, 이미지를 다시 조정하여 맞춥니다.
space

이미지는 이 区域을 채우기 위해 틸링(반복)됩니다.

이 区域을 채우기 위해 완전한 블록 수가 사용되지 않았다면, 추가 공간은 블록 주위에 분포됩니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： stretch
반환 값： 문자열로, 요소의 border-image-repeat 속성。
CSS 버전： CSS3

브라우저 지원

표에서는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 11.0 지원 6.0 15.0

참조 borderImage 속성。