CSS3 border-image-width 屬性

2022-06-02 17:30 更新

CSS3 border-image-width 屬性

屬性定義及使用說(shuō)明

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

默認(rèn)值: 1
繼承: no
版本: CSS3
JavaScript 語(yǔ)法: object.style.borderImageWidth="30 30"

語(yǔ)法

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

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


值 說(shuō)明
number 表示相應(yīng)的border-width 的倍數(shù)
% 邊界圖像區(qū)域的大小：橫向偏移的寬度的面積，垂直偏移的高度的面積
auto 如果指定了，寬度是相應(yīng)的image slice的內(nèi)在寬度或高度

瀏覽器支持

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

屬性




border-image-width 15.0 11.0 13.0 6.0 15.0

實(shí)例

實(shí)例

指定圖像邊界的寬度：

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


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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)