border

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

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

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

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

##vi.近似，毗鄰

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

#image

#[ ??m?d?]? ?美[??m?d?]??

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

#vt.反映;想像;作…的像;象徵

##第

#三人稱為單數(shù)： images 複數(shù)： images 現(xiàn)在分詞： imaging 過去式： imaged 過去分詞： imaged

slice

#英[sla?s]? ?美[sla?s]?##vt.切成片;切下;分割

n.薄片;一部份;（因失誤而打出的）曲線球

vi.斜擊

#第三人稱單數(shù)： slices 複數(shù)： slices 現(xiàn)在分詞： slicing 過去式： sliced 過去分詞： sliced

CSS border-image-slice 屬性 語法

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

語法：border-image-slice: number|%|fill;

說明：number ? ?數(shù)字值，代表影像中像素（如果是光柵圖像）或向量座標（如果是向量圖像）。? ? % ? ?相對於影像尺寸的百分比值：影像的寬度會影響水平偏移，高度會影響垂直偏移。? ? fill ? ?保留邊框影像的中間部分。

註解：此屬性規(guī)定影像的上、右、下、左側邊緣的向內(nèi)偏移，影像被分割為九個區(qū)域：四個角落、四條邊以及一個中間區(qū)域。除非使用了關鍵字 fill，否則中間的影像部分會被丟棄。如果省略第四個數(shù)值/百分比，則與第二個值相同。如果省略第三個值，則與第一個值相同。如果省略第二個值，則與第一個值相同。

CSS border-image-slice 屬性 範例

div{
border-image-source: url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
border-image-slice: 50% 50%;
}