CSS3 border-image-width 屬性

2022-06-02 17:30 更新

CSS3 border-image-width 屬性

屬性定義及使用說明

border-image -width屬性指定圖像邊界的寬度。

默認(rèn)值: 1
繼承: 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ū)域的大?。簷M向偏移的寬度的面積，垂直偏移的高度的面積
auto 如果指定了，寬度是相應(yīng)的image slice的內(nèi)在寬度或高度

瀏覽器支持

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

屬性




border-image-width 15.0 11.0 13.0 6.0 15.0

實例

實例

指定圖像邊界的寬度：

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


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號