免費AI編程助手
Style borderImage 屬性
Style 對象實例
指定作為 div 元素周圍邊框的圖像：
document.getElementById("myDIV").style.borderImage="url(border.png) 30 30 round";
嘗試一下 ?
定義和用法
borderImage 屬性是設置 borderImageSource、 borderImageSlice、 borderImageWidth、 borderImageOutset 和 borderImageRepeat 屬性的速記屬性。
省略的值被設置為它們的默認值。
瀏覽器支持
Internet Explorer 11、Firefox、Opera 15、Chrome 和 Safari 6 支持 borderImage 屬性。
Safari 5 支持另一個可替代該屬性的屬性，即 webkitBorderImage 屬性。
語法
返回 borderImage 屬性：
object.style.borderImage
設置 borderImage 屬性：
object.style.borderImage="source slice width outset repeat|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| borderImageSource | 要用于繪制邊框的圖像的路徑。 |
| borderImageSlice | 圖像邊框的向內偏移。 |
| borderImageWidth | 圖像邊框的寬度。 |
| borderImageOutset | 邊框圖像區(qū)域超出邊界框的量。 |
| borderImageRepeat | 規(guī)定圖像邊框是重復拼接圖塊還是延伸圖塊。 |
| initial | 設置該屬性為它的默認值。請參閱 initial。 |
| inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術細節(jié)
| 默認值： | none 100% 1 0 stretch |
|---|---|
| 返回值： | 字符串，表示元素的 border-image 屬性。 |
| CSS 版本 | CSS3 |
相關文章
CSS 參考手冊：border-image 屬性
更多建議：