CSS 參考手冊

CSS @規(guī)則(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屬性無效。它也適用于::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 屬性