CSS border-image-slice 屬性


  翻譯結果:

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

slice

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

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

vi.斜擊

#第三人稱單數: slices 複數: slices 現在分詞: slicing 過去式: sliced 過去分詞: sliced

CSS border-image-slice 屬性語法

作用:規定影像邊框的向內偏移。

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

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

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

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%;
}

熱門推薦

首頁

影片

問答