[CSS] border-image-slice

border-image-slice

border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다.

---

border-image-slice

border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다.

특징	설명
기본 값	border-image-slice : 100%
적용	border
버전	CSS3

정의(Definition)

• border-image-slice 속성은 테두리 이미지 크기 속성을 설정합니다.

문법(Syntax)

border-image-slice : number | percentage | fill

/* 표현 방법(위,오른쪽,아래,왼쪽:10)을 설정한 경우 */
border-image-slice : 10;

/* 표현 방법(위,아래:10 | 왼쪽,오른쪽:20) */
border-image-slice : 10 20;

/* 표현 방법(위:10 | 왼쪽,오른쪽:20% | 아래:30) */
border-image-slice : 10 20% 30;

/* 표현 방법(위:10 | 오른쪽:20 | 아래:30 | 왼쪽:40%) */
border-image-slice : 10 20 30 40%;

속성(Property)

속성값	설명
number	테두리 이미지 크기를 숫자로 설정합니다.
percentage	테두리 이미지 크기를 %로 설정합니다.
number	테두리 이미지 크기에 맞게 설정합니다.

호환성(Compatibility)

						6	7	8	9	10	11
border-image-slice	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능

---