border-image-width屬性怎麼用

border-image-width屬性是用來指定影像邊界寬度的；可以設定4個值，分別將邊框影像區域分割為九個部分的偏移，它們代表上，右，下，左，兩側向內的距離。

CSS3  border-image-width屬性

作用：規定圖像邊框的寬度。

語法：

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

number：代表對應的 border-width 的倍數。    

%：參考邊框影像區域的尺寸--區域的高度影響水平偏移，寬度影響垂直偏移。    

auto：如果規定該屬性，則寬度為對應的影像切片的固有寬度。

說明：border-image-width 屬性的四個值規定將邊框影像分割為九個部分的偏移。它們代表了從區域的上、右、下、左側向內的距離。如果忽略第四個值，則與第二個值相同。如果省略第三個值，則與第一個值相同。如果省略第二個值，則與第一個值相同。不允許任何負值作為 border-image-width 值。

附註：Internet Explorer 10 以及更早的版本，Opera，Safari 5 以及更早的版本不支援 border-image-width 屬性。

CSS3  border-image-width屬性的使用範例

div
{
border-image-source: url(https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
border-image-width: 30 30;
}

以上是border-image-width屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！