例
使用圖像圍繞一個div元素的邊框:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
試一試» 定義和用法
要使用的borderImageSource屬性設置或返回圖像,而不是由邊框樣式屬性給出的邊框樣式。
Tip:如果該值是"none" ,或者,如果無法顯示的圖像,邊框樣式將被使用。
瀏覽器支持
該borderImageSource屬性未在Opera的支持。
該borderImageSource屬性無法在Internet Explorer 10和更早版本的支持。
該borderImageSource屬性未在Safari 5和更早版本的支持。
看看borderImage屬性,而不是!
句法
返回borderImageSource屬性:
object .style.borderImageSource
設置borderImageSource屬性:
object .style.borderImageSource="none| 屬性值 值 描述 none 沒有圖像將使用 image 到圖像的路徑將被用作邊界 initial 將此屬性設置為默認值。 閱讀關於初始 inherit 繼承其父元素此屬性。 閱讀關於繼承
技術細節
默認值: 沒有 返回值: 一個字符串,表示元素的邊界圖像的源屬性 CSS版本 CSS3
相關頁面
CSS參考: border-image-source property
<Style對象