最新的Web開發教程
 

Style borderImageSource Property

<Style對象

使用圖像圍繞一個div元素的邊框:

document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
試一試»

定義和用法

要使用的borderImageSource屬性設置或返回圖像,而不是由邊框樣式屬性給出的邊框樣式。

Tip:如果該值是"none" ,或者,如果無法顯示的圖像,邊框樣式將被使用。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該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對象