怎么用border-image-width屬性？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

在北侖等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需定制開(kāi)發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),全網(wǎng)整合營(yíng)銷推廣,成都外貿(mào)網(wǎng)站建設(shè),北侖網(wǎng)站建設(shè)費(fèi)用合理。

 border-image-width屬性是用來(lái)指定圖像邊界寬度的；可以設(shè)置4個(gè)值，分別將邊框圖像區(qū)域分割為九個(gè)部分的偏移，它們代表上，右，下，左，兩側(cè)向內(nèi)的距離。

CSS3  border-image-width屬性

作用：規(guī)定圖像邊框的寬度。

語(yǔ)法：

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

number：代表對(duì)應(yīng)的 border-width 的倍數(shù)。

%：參考邊框圖像區(qū)域的尺寸--區(qū)域的高度影響水平偏移，寬度影響垂直偏移。

auto：如果規(guī)定該屬性，則寬度為對(duì)應(yīng)的圖像切片的固有寬度。

說(shuō)明：border-image-width 屬性的四個(gè)值規(guī)定將邊框圖像分割為九個(gè)部分的偏移。它們代表了從區(qū)域的上、右、下、左側(cè)向內(nèi)的距離。如果忽略第四個(gè)值，則與第二個(gè)值相同。如果省略第三個(gè)值，則與第一個(gè)值相同。如果省略第二個(gè)值，則與第一個(gè)值相同。不允許任何負(fù)值作為 border-image-width 值。

注：Internet Explorer 10 以及更早的版本，Opera，Safari 5 以及更早的版本不支持 border-image-width 屬性。

CSS3  border-image-width屬性的使用示例

div
{
border-image-source: url(/upload/otherpic60/5af270fd37755429.jpg);
border-image-width: 30 30;
}

看完上述內(nèi)容，你們掌握怎么用border-image-width屬性的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！