Style borderImageOutset 屬性

定義和用法

borderImageOutset 屬性設置或返回邊框圖像區域超出邊框盒（border box）的量。

另請參閱：

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

實例

將邊框放在 <div> 元素的邊緣之外：

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

親自試一試

語法

返回 borderImageOutset 屬性：

object.style.borderImageOutset

設置 borderImageOutset 屬性：

object.style.borderImageOutset = "length|number|initial|inherit"

注釋：borderImageOutset 屬性規定邊框圖像超出邊框盒的量。在上、右、下、左側。如果忽略第四個值，則與第二個值相同。如果省略第三個值，則與第一個值相同。如果省略第二個值，則與第一個值相同。不允許任何負值作為 border-image-outset 值。

屬性值

值 描述
length 長度單位，規定邊框圖像將出現在多遠處。默認值 0。
number 表示對應的 border-width 的倍數。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

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

瀏覽器支持

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

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

請查看 borderImage 屬性！