Style borderImageOutset 屬性
實例
把邊框放置在 <div> 元素的邊緣外:
document.getElementById("myDIV").style.borderImageOutset="5px 10px 20px 15px";
嘗試一下 ?
定義和用法
borderImageOutset 屬性設置或返回邊框圖像區(qū)域超出邊界框的量。
瀏覽器支持
Opera 不支持 borderImageOutset 屬性。
Internet Explorer 10 及其之前的版本不支持 borderImageOutset 屬性。
Safari 5 及其之前的版本不支持 borderImageOutset 屬性。
請參閱 borderImage 屬性來替代它!
語法
返回 borderImageOutset 屬性:
object.style.borderImageOutset
設置 borderImageOutset 屬性:
object.style.borderImageOutset="length|number|initial|inherit"
注意:borderImageOutset 屬性規(guī)定邊框圖像區(qū)域超出邊界框的量。是按照上邊、右邊、下邊、左邊的順序給出的。如果第四個值被省略了,則它的值與第二個值一致。如果第三個值也被省略了,則它的值與第一個值一致。如果第二個值也被省略了,則它的值與第一個值一致。borderImageOutset 值不允許為負值。
屬性值
值 | 描述 |
---|---|
length | 一個指定邊框圖像將出現(xiàn)在距離邊緣多遠的長度單位。默認值是 0。 |
number | 表示相應的邊框寬度的倍數(shù)。 |
initial | 設置該屬性為它的默認值。請參閱 initial。 |
inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術細節(jié)
默認值: | 0 |
---|---|
返回值: | 字符串,表示元素的 border-image-outset 屬性。 |
CSS 版本 | CSS3 |
相關文章
CSS 參考手冊:border-image-outset 屬性
更多建議: