CSS3 border-image-width 屬性

定義和用法

border-image-width 屬性規(guī)定圖像邊框的寬度。

默認(rèn)值：	none
繼承性：	no
版本：	CSS3
JavaScript 語法：	object.style.borderImageWidth="30 30"

語法

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

注意：border-image -width的4個值指定用于把border圖像區(qū)域分為九個部分。他們代表上，右，底部，左，兩側(cè)向內(nèi)距離。如果第四個值被省略，它和第二個是相同的。如果也省略了第三個，它和第一個是相同的。如果也省略了第二個，它和第一個是相同的。負(fù)值是不允許的。

值	描述
number	代表對應(yīng)的 border-width 的倍數(shù)。
%	參考邊框圖像區(qū)域的尺寸：區(qū)域的高度影響水平偏移，寬度影響垂直偏移。
auto	如果規(guī)定該屬性，則寬度為對應(yīng)的圖像切片的固有寬度。

實(shí)例

規(guī)定圖像邊框的寬度：

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

瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

屬性
border-image-width	15.0	11.0	13.0	6.0	15.0

Opera 不支持 border-image-width 屬性。

Internet Explorer 10 以及更早的版本不支持 border-image-width 屬性。

Safari 5 以及更早的版本不支持 border-image-width 屬性。

請參閱 border-image 屬性。

相關(guān)頁面

CSS3 教程：CSS3 邊框