樣式 borderImageSource 屬性
示例
使用影像作為 div 元素的邊框
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
自己動手試一試 »
描述
borderImageSource 屬性用於設定或返回用作邊框的影像,而不是使用 border-style 屬性定義的邊框樣式。
提示:如果值為 "none",或者影像無法顯示,則將使用邊框樣式。
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
borderImageSource | 是 | 11.0 | 是 | 6.0 | 15.0 |
請檢視 borderImage 屬性!
語法
返回 borderImageSource 屬性
object.style.borderImageSource
設定 borderImageSource 屬性
object.style.borderImageSource = "none|image|initial|inherit"
屬性值
值 | 描述 |
---|---|
none | 不使用影像 |
圖片 | 用作邊框的圖片路徑 |
initial | 將此屬性設定為其預設值。閱讀關於 initial |
inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
預設值 | none |
---|---|
返回值 | 一個字串,表示元素的 border-image-source 屬性 |
CSS 版本 | CSS3 |
相關頁面
CSS 參考:border-image-source 屬性