Share via


border-image-repeat

important note重要訊息:

本文件為初步資訊而且可能隨時變更。

設定框線影像縮放與重複顯示的方式。

語法

{ border-image-repeat: sRepeat }

可能的值

sRepeat

指定下列其中一個值的字串:

stretch

延伸影像以填滿區域。

repeat

重複顯示影像以填滿區域。

round

重複顯示影像以填滿區域。如果該區域相對於影像的倍數不是整數,則根據此倍數重新調整影像。

space

重複顯示影像以填滿區域。如果該區域相對於影像的倍數不是整數,則在重複出現的影像之間插入空格,以填滿剩下的空間。

此屬性的預設值為 stretch 。這不是繼承屬性。

標準資訊

您可以在 CSS Backgrounds and Borders Module Level 3 (CSS 背景與框線模組層級 3) Gg721780.xtlink_newWindow(zh-tw,Expression.40).png 找到此屬性的定義。

適用範圍

a, address, b, big, blockquote, body, button, caption, center, cite, code, col, colgroup, custom, dd, defaults, dfn, div, dl, dt, em, fieldset, form, hn, html, i, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, li, ol, p, s, span, sub, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, xmp

另請參閱

概念

border-image
border-image-slice
border-image-source
border-image-outset