CSS 참조서

CSS @규칙(RULES)

CSS 속성大全

CSS border-left 속성 CSS3 border-image-source 속성

CSS3 border-image-width 속성 사용 방법 및 예제

border-image-width CSS 속성은 경계선의 너비를 지정합니다.

다음 테이블은 이 속성의 사용 방법 및 버전 이력, 그리고 JavaScript 스크립트에서의 사용 문법을 설명합니다.

기본 값:	1
적용 대상:	이 속성은 어떤 요소에도 적용될 수 있지만 테이블 요소(예: tr, th, td)의 border-collapse 속성 값이 collapse 일 때 border-image-width 속성이 유효하지 않습니다. 또한 collapse 속성 값이 collapse 일 때 border::first-letter。
继承：	没有
可动画制作：	否。请参见动画属性。
版本：	CSS3的新功能
JavaScript语法：	object.style.borderImageWidth="30 30"

border-image-width的使用语法

该属性的语法如下：

border-image-width:　[　length　|　percentage　|　number　|　auto　]　1　to　4　values　|　initial　|　inherit

下面的示例演示了如何使用border-image-width 속성。

示例

.box　{
　　　　width:　300px;
　　　　height:　150px;
　　　　border-image-source:　url("border.png");
　　　　border-image-width:　10px;
　　　　border-image-slice:　30;
　　　　border-image-repeat:　round;
}

测试看看‹/›

属性值

下表描述了此属性的值。

值	描述
length	以绝对或相对单位指定边框的宽度。
percentage	指定边框的宽度，以元素的百分比表示。
number	表示元素border-width属性的计算值或边框宽度的倍数。
auto	边框图像宽度是相应图像切片的固有宽度或高度。
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 border를 사용합니다.-image-width 속성의 계산 값.

브라우저 호환성

border-image-width 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다.

	Firefox 15+ Google Chrome15+ Internet Explorer 11+ Apple Safari 6+ Opera 15+

더 읽기

다음 튜토리얼을 참조하십시오:CSS3 Border와CSS Border。

CSS border-left 속성 CSS3 border-image-source 속성