規(guī)定圖像邊框的寬度:
div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
Opera 不支持 border-image-width 屬性。
Internet Explorer 10 以及更早的版本不支持 border-image-width 屬性。
Safari 5 以及更早的版本不支持 border-image-width 屬性。
請(qǐng)參閱 border-image 屬性。
border-image-width 屬性規(guī)定圖像邊框的寬度。
默認(rèn)值: | none |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語(yǔ)法: | object.style.borderImageWidth="30 30" |
border-image-width: number|%|auto;
注釋:border-image-width 屬性的四個(gè)之規(guī)定將邊框圖像分割為九個(gè)部分的偏移。它們代表了從區(qū)域的上、右、下、左側(cè)向內(nèi)的距離。如果忽略第四個(gè)值,則與第二個(gè)值相同。如果省略第三個(gè)值,則與第一個(gè)值相同。如果省略第二個(gè)值,則與第一個(gè)值相同。不允許任何負(fù)值作為 border-image-width 值。
值 | 描述 |
---|---|
number | 代表對(duì)應(yīng)的 border-width 的倍數(shù)。 |
% | 參考邊框圖像區(qū)域的尺寸:區(qū)域的高度影響水平偏移,寬度影響垂直偏移。 |
auto | 如果規(guī)定該屬性,則寬度為對(duì)應(yīng)的圖像切片的固有寬度。 |
CSS3 教程:CSS3 邊框
如對(duì)本文有疑問(wèn),請(qǐng)?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答??! 點(diǎn)擊進(jìn)入論壇