樣式 borderImageOutset 屬性
示例
將邊框放置在 <div> 元素的邊緣之外
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
自己動手試一試 »
描述
borderImageOutset 屬性設定或返回邊框影像區域超出邊框框的量。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
borderImageOutset | 是 | 11.0 | 是 | 6.0 | 15.0 |
請檢視 borderImage 屬性!
語法
返回 borderImageOutset 屬性
object.style.borderImageOutset
設定 borderImageOutset 屬性
object.style.borderImageOutset = "length|number|initial|inherit"
注意: borderImageOutset 屬性指定邊框影像區域超出邊框框的量。分別在頂部、右側、底部和左側。如果省略第四個值,則與第二個值相同。如果第三個值也被省略,則與第一個值相同。如果第二個值也被省略,則與第一個值相同。borderImageOutset 的任何值都不允許為負值。
屬性值
值 | 描述 |
---|---|
length | 一個長度單位,指定邊框影像將出現在距離邊緣多遠的位置。預設值為 0 |
數字 | 表示相應 border-width 的倍數 |
initial | 將此屬性設定為其預設值。閱讀關於 initial |
inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
預設值 | 0 |
---|---|
返回值 | 一個字串,表示元素的 border-image-outset 屬性 |
CSS 版本 | CSS3 |
相關頁面
CSS 參考: border-image-outset 屬性