最新的Web開發教程
 

Style borderImageRepeat Property

<Style對象

指定如何重複圖像邊界:

document.getElementById("myDIV").style.borderImageRepeat = "round";
試一試»

定義和用法

該borderImageRepeat屬性設置或返回圖像邊框是否應該被重複,圓形或拉長。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該borderImageRepeat屬性未在Opera的支持。

該borderImageRepeat屬性無法在Internet Explorer 10和更早版本的支持。

該borderImageRepeat屬性未在Safari 5和更早版本的支持。

看看borderImage屬性,而不是!


句法

返回borderImageRepeat屬性:

object .style.borderImageRepeat

設置borderImageRepeat屬性:

object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"

屬性值

描述
stretch 默認值。 圖像被拉伸以填充區域
repeat 圖像被平鋪(repeated)填充的區域
round 圖像平鋪(repeated) ,以填補區域。 如果它不與瓷磚的整數填充的區域,圖像被重新調整,使其適合
space 圖像平鋪(repeated) ,以填補區域。 如果它不與瓷磚的整數填充的區域,額外的空間圍繞瓷磚分佈
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 伸展
返回值: 一個字符串,代表元素的邊框,圖像重複屬性
CSS版本 CSS3

相關頁面

CSS參考: border-image-repeat property


<Style對象