border-image-repeat

border-image-repeat는 테두리 이미지 반복 속성을 설정합니다.

특징	설명
기본 값	stretch
상속	안됨
애니메이션	안됨
버전	CSS3

Definition

• border-image-repeat는 테두리 이미지 반복 속성을 설정합니다.

Syntax

border-image-repeat : stretch | repeat | round | space | inherit;

Property

속성 값	설명
stretch	테두리 이미지는 반복하지 않고 전체 길이에 맞게 한번만 설정합니다.
repeat	테두리 이미지는 반복하여 설정됩니다.
round	테두리 이미지는 반복하여 설정됩니다. 단 전체 길이에 맞게 설정됩니다.
space	테두리 이미지는 반복하여 설정됩니다. 단 전체 길이에 맞게 설정되지 않습니다. 남은 여백은 이미지로 채워집니다.
inherit	테두리 이미지는 부모 요소로부터 속성을 상속받습니다.

Compatibility

							6	7	8	9	10	11
border-image-repeat

Sample

border-image-repeat

border-image-repeat : stretch;
border-image-repeat : repeat;
border-image-repeat : round;
border-image-repeat : space;