border

英 [?b?:d?(r)]? ?美 [?b?:rd?(r)]??

n.邊界;邊;鑲邊;包邊

vt.& vi.與…接界,在…的邊上

vt.沿…的邊,環(huán)繞…,給…鑲邊

vi.近似,毗鄰

第三人稱單數(shù): borders 復(fù)數(shù): borders 現(xiàn)在分詞: bordering 過去式: bordered 過去分詞: bordered

image

英 [??m?d?]? ?美 [??m?d?]??

n.影像;肖像;概念,意向;鏡像,映像

vt.反映;想像;作…的像;象征

第三人稱單數(shù): images 復(fù)數(shù): images 現(xiàn)在分詞: imaging 過去式: imaged 過去分詞: imaged

slice

英 [sla?s]? ?美 [sla?s]??

vt.切成片;切下;劃分

n.薄片;一部分;(因失誤而打出的)曲線球

vi.斜擊

第三人稱單數(shù): slices 復(fù)數(shù): slices 現(xiàn)在分詞: slicing 過去式: sliced 過去分詞: sliced

CSS border-image-slice 屬性 語(yǔ)法

作用:規(guī)定圖像邊框的向內(nèi)偏移。

語(yǔ)法:border-image-slice: number|%|fill;

說明:number ? ?數(shù)字值,代表圖像中像素(如果是光柵圖像)或矢量坐標(biāo)(如果是矢量圖像)。? ? % ? ?相對(duì)于圖像尺寸的百分比值:圖像的寬度影響水平偏移,高度影響垂直偏移。? ? fill ? ?保留邊框圖像的中間部分。? ??

注釋:該屬性規(guī)定圖像的上、右、下、左側(cè)邊緣的向內(nèi)偏移,圖像被分割為九個(gè)區(qū)域:四個(gè)角、四條邊以及一個(gè)中間區(qū)域。除非使用了關(guān)鍵詞 fill,否則中間的圖像部分會(huì)被丟棄。如果省略第四個(gè)數(shù)值/百分比,則與第二個(gè)值相同。如果省略第三個(gè)值,則與第一個(gè)值相同。如果省略第二個(gè)值,則與第一個(gè)值相同。

CSS border-image-slice 屬性 示例

雷雷