border-image

important note重要訊息:

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

可設定 border-image-sourceborder-image-sliceborder-image-outsetborder-image-repeat 之值的省略屬性。

語法

{ border-image: sUrlsSlicesOutsetsRepeat }

可能的值

sUrl

字串,指定用來繪製框線之影像的位置。

sSlice

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

percentage預設值。相對於影像大小的百分比。預設值為 100%。任何超過 100% 的百分比都會被視為 100%。
integer要顯示的像素數目 (若為點陣圖影像) 或向量座標 (若為向量影像)。
fill保留影像的中間部分。

此屬性的預設值為 100%。這不是繼承屬性。不允許負數值。

sOutset

字串,指定繪製 border-image-area 時,超出框線方塊範圍外的數量。

sRepeat

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

stretch延伸影像以填滿區域。
repeat重複顯示影像以填滿區域。
round重複顯示影像以填滿區域。如果該區域相對於影像的倍數不是整數,則根據此倍數重新調整影像。
space重複顯示影像以填滿區域。如果該區域相對於影像的倍數不是整數,則在重複出現的影像之間插入空格,以填滿剩下的空間。

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

標準資訊

您可以在 CSS Backgrounds and Borders Module Level 3 (CSS 背景與框線模組層級 3) Gg721759.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-source
border-image-slice
border-image-outset
border-image-repeat