例
指定的圖像作為周圍的邊界<div>元素:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
試一試» 定義和用法
所述borderImage屬性是用於設置一個速記屬性borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset和borderImageRepeat性質。
省略的值被設置為默認值。
瀏覽器支持
在表中的數字規定,完全支持該財產瀏覽器版本。
數字後面的Webkit,萬盎司或O指定的前綴工作的第一個版本。
屬性 | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0的Webkit | 11.0 | 15.0 3.5萬盎司 | 6 3.1的Webkit | 15.0 11.0Ø |
句法
返回borderImage屬性:
object .style.borderImage
設置borderImage屬性:
object .style.borderImage=" 屬性值 值 描述 borderImageSource 到圖像的路徑將被用作邊界 borderImageSlice 圖像邊框的向內偏移 borderImageWidth 圖像邊框的寬度 borderImageOutset 由邊界圖像區域超出邊框盒的量 borderImageRepeat 無論是圖像邊界應該重複,圓形或拉長 initial 將此屬性設置為默認值。 閱讀關於初始 inherit 繼承其父元素此屬性。 閱讀關於繼承
技術細節
默認值: 無100%1 0拉伸 返回值: 一個字符串,表示元素的邊界的圖像特性 CSS版本 CSS3
相關頁面
CSS參考: border-image property
<Style對象