Style borderImageSlice 屬性

定義和用法

borderImageSlice 屬性規定圖像邊框的向內偏移。

另請參閱：

CSS 參考手冊：border-image-slice 屬性

實例

規定圖像邊框的向內偏移：

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

親自試一試

語法

返回 borderImageSlice 屬性：

object.style.borderImageSlice

設置 borderImageSlice 屬性：

object.style.borderImageSlice = "number|%|fill|initial|inherit"

屬性值

值 描述
number 數字，表示圖像中像素（如果是光柵圖像）或矢量坐標（如果是矢量圖像）。
%

相對于圖像尺寸的百分比值：圖像的寬度影響水平偏移，高度影響垂直偏移。

默認值為 100%。
fill 保留邊框圖像的中間部分。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： 100%
返回值： 字符串，表示元素的 border-image-slice 屬性。
CSS 版本： CSS3

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 11.0 支持 6.0 15.0

請查看 borderImage 屬性！