[CSS] border-image-width

border-image-width

border-image-width 속성은 테두리 이미지 두께 속성을 설정합니다.

---

border-image-width

border-image-width 속성은 테두리 이미지 두께 속성을 설정합니다.

특징	설명
기본 값	border-image-width : 1
적용	border
버전	CSS3

정의(Definition)

• border-image-width 속성은 테두리 이미지 경로 속성을 설정합니다.

문법(Syntax)

border-image-width : length | percentage | number | auto

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

/* 표현 방법(위,아래:5px | 왼쪽,오른쪽:2px) */
border-image-width : 5px 2px;

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

/* 표현 방법(위:10px | 오른쪽:30px | 아래:50px | 왼쪽:70px) */
border-image-width : 10px 30px 50px 70px;

속성(Property)

속성값	설명
length	테두리 이미지 두께를 CSS 단위로 설정합니다.
percentage	테두리 이미지 두께를 %로 설정합니다.
number	테두리 이미지 두께를 숫자로 설정합니다.
auto	테두리 이미지 두께를 자동값으로 설정합니다.

호환성(Compatibility)

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

---