Style borderImage 屬性

定義和用法

borderImage 屬性是用于設置以下屬性的簡寫屬性：

省略的值設置為其默認值。

另請參閱：

CSS 參考手冊：border-image 屬性

實例

把圖像指定為 <div> 元素的邊框：

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

親自試一試

語法

返回 borderImage 屬性：

object.style.borderImage

設置 borderImage 屬性：

object.style.borderImage = "source slice width outset repeat|initial|inherit"

屬性值

值 描述
borderImageSource 要用作邊框的圖像的路徑。
borderImageSlice 圖像邊框的向內偏移。
borderImageWidth 圖像邊框的寬度。
borderImageOutset 邊框圖像區域超出邊框盒（border box）的量。
borderImageRepeat 圖像邊框應平鋪 (repeated)、鋪滿 (rounded) 還是拉伸 (stretched)。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

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

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 11.0 15.0 6.0 15.0