CSS 경계 이미지 너비 속성

정의와 사용법

border-image-width 속성은 이미지边框의 너비를 정의합니다.

추가로 참조하십시오：

CSS3 강의:CSS3 테두리

예제

이미지边框의 너비를 지정합니다：

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

CSS 문법

border-image-width: number|%|auto;

비고:border-image-width 속성의 네 가지가 정의되면,边框图像被分割为九个部分的偏移。그들은 영역의 상단, 오른쪽, 하단, 왼쪽에서 내부로의 거리를 나타냅니다.네 번째 값이 생략되면 두 번째 값과 같습니다.세 번째 값이 생략되면 첫 번째 값과 같습니다.두 번째 값이 생략되면 첫 번째 값과 같습니다.부정적인 값은 border-image-width 값으로 사용할 수 없습니다.

속성 값

값 설명
number 대응하는 border-width의 배수를 나타냅니다.
% 참조边框图像区域的尺寸：높이는 수평 이동에 영향을 미치고, 너비는 수직 이동에 영향을 미칩니다。
auto 이 속성이 지정되면, 너비는 해당 이미지 슬라이스의固有 너비입니다.

기술 세부 사항

기본 값: none
상속성: no
버전: CSS3
JavaScript 문법: object.style.borderImageWidth="30 30"

브라우저 지원

표中的 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
15.0 11.0 13.0 6.0 15.0

참조하십시오 border-image 속성.