CSS 邊框圖片寬度屬性


  翻譯結果:

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

width

#英[wɪdθ]   美[wɪdθ, wɪ#θ##英[wɪdθ]   美[wɪdθ, wɪ#θ, wɪ]θ

n.寬度;廣度

複數: widths

CSS 邊框圖片寬度屬性語法

作用:規定影像邊框的寬度。

語法:border-image-width: number|%|auto;

說明:number    代表對應的border-width的倍數。    %    參考邊框影像區域的尺寸:區域的高度影響水平偏移,寬度影響垂直偏移。    auto    若規定此屬性,則寬度為對應的影像切片的固有寬度。相關頁面

註解:border-image-width 屬性的四個之規定將邊框影像分割為九個部分的偏移。它們代表了從區域的上、右、下、左側向內的距離。如果忽略第四個值,則與第二個值相同。如果省略第三個值,則與第一個值相同。如果省略第二個值,則與第一個值相同。不允許任何負值作為 border-image-width 值。

CSS 邊框圖片寬度屬性範例

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

熱門推薦

首頁

影片

問答