CSS3 border-image-width 屬性
實例
指定圖像邊界的寬度:
div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
屬性 | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
屬性定義及使用說明
border-image -width屬性指定圖像邊界的寬度。
默認值: | 1 |
---|---|
繼承: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.borderImageWidth="30 30" |
語法
border-image-width: number|%|auto;
注意: border-image -width的4個值指定用於把border圖像區域分為九個部分。他們代表上,右,底部,左,兩側向內距離。如果第四個值被省略,它和第二個是相同的。如果也省略了第三個,它和第一個是相同的。如果也省略了第二個,它和第一個是相同的。負值是不允許的。
值 | 說明 |
---|---|
number | 表示相應的border-width 的倍數 |
% | 邊界圖像區域的大小:橫向偏移的寬度的面積,垂直偏移的高度的面積 |
auto | 如果指定了,寬度是相應的image slice的內在寬度或高度 |