border
英[?b?:d?(r)]? ?美[?b?:rd?(r)]??
#n.邊界;邊;鑲邊;包;邊
vt.& vi.與…接界,在…的邊上
vt.沿…的邊,環(huán)繞…,給…鑲邊
##vi.近似,毗鄰第三人稱(chēng)單數(shù): borders 複數(shù): borders 現(xiàn)在分詞: bordering 過(guò)去式: bordered 過(guò)去分詞: bordered#image
#[ ??m?d?]? ?美[??m?d?]??n.影像;肖像;概念,意向;鏡像,映像#vt.反映;想像;作…的像;象徵##第
#三人稱(chēng)為單數(shù): images 複數(shù): images 現(xiàn)在分詞: imaging 過(guò)去式: imaged 過(guò)去分詞: imaged
slice
#英[sla?s]? ?美[sla?s]?##vt.切成片;切下;分割
n.薄片;一部份;(因失誤而打出的)曲線球
vi.斜擊
#第三人稱(chēng)單數(shù): slices 複數(shù): slices 現(xiàn)在分詞: slicing 過(guò)去式: sliced 過(guò)去分詞: sliced
CSS border-image-slice 屬性 語(yǔ)法
作用:規(guī)定影像邊框的向內(nèi)偏移。
語(yǔ)法:border-image-slice: number|%|fill;
說(shuō)明:number ? ?數(shù)字值,代表影像中像素(如果是光柵圖像)或向量座標(biāo)(如果是向量圖像)。? ? % ? ?相對(duì)於影像尺寸的百分比值:影像的寬度會(huì)影響水平偏移,高度會(huì)影響垂直偏移。? ? 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 屬性 範(fàn)例
div{ border-image-source: url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg); border-image-slice: 50% 50%; }