border
英[ˈbɔ:də(r)] 美[ˈbɔ:rdə(r)]
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界，在…的邊上
vt.沿…的邊，環繞…，給…鑲邊
##vi.近似，毗鄰第三人稱單數： borders 複數： borders 現在分詞： bordering 過去式： bordered 過去分詞： bordered#image
#[ ˈɪmɪdʒ] 美[ˈɪmɪdʒ] n.影像;肖像;概念，意向;鏡像，映像#vt.反映;想像;作…的像;象徵##第
#三人稱為單數： images 複數： images 現在分詞： imaging 過去式： imaged 過去分詞： imaged
repeat
英[rɪˈpi:t] 美[rɪp
#英[rɪˈpi:t] 美[rɪpit]##vt.重複;複述，背誦
vi.重做;重複投票
n.重複;（節目）重演;重複的事物
第三人稱單數： repeats 複數： repeats 現在分詞： repeating 過去式： repeated 過去分詞： repeated
CSS border-image-repeat 屬性 語法
作用：規定圖像邊框是否應該重複（repeated）、拉伸（stretched）或鋪滿（rounded）。
語法：border-image-repeat: stretch|repeat|round;
說明：stretch拉伸圖像來填滿區域repeat平鋪（重複）影像來填充區域。 round類似 repeat 值。如果無法完整平鋪所有影像，則對影像進行縮放以適應區域。
註解：此屬性規定如何延展和鋪排邊框影像的邊緣和中間部分。因此，您可以規定兩個值。如果省略第二個值，則採取與第一個值相同的值。
CSS border-image-repeat 屬性 範例
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: lightgrey;
border: 30px solid transparent;
border-image: url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg');
border-image-slice: 30;
border-image-repeat: repeat;
}
</style>
</head>
<body>
<div>
DIV 使用图像边框。
</div>
<p>使用的图片:</p>
<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg">
<p><b>注意: </b>Internet Explorer 10, Opera 12, 和 Safari 5 不支持 border-image-repeat 属性。</p>
</body>
</html>執行實例 »
點擊 "執行實例" 按鈕查看線上實例