怎么用border-image-width屬性-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)成立以來不斷整合自身及行業(yè)資源、不斷突破觀念以使企業(yè)策略得到完善和成熟，建立了一套“以技術(shù)為基點(diǎn)，以客戶需求中心、市場(chǎng)為導(dǎo)向”的快速反應(yīng)體系。對(duì)公司的主營項(xiàng)目，如中高端企業(yè)網(wǎng)站企劃 / 設(shè)計(jì)、行業(yè) / 企業(yè)門戶設(shè)計(jì)推廣、行業(yè)門戶平臺(tái)運(yùn)營、重慶APP開發(fā)公司、手機(jī)網(wǎng)站制作、微信網(wǎng)站制作、軟件開發(fā)、成都多線服務(wù)器托管等實(shí)行標(biāo)準(zhǔn)化操作，讓客戶可以直觀的預(yù)知到從創(chuàng)新互聯(lián)可以獲得的服務(wù)效果。

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

CSS3  border-image-width屬性

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

語法：

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

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

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

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

說明：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(https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
border-image-width: 30 30;
}

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

當(dāng)前題目：怎么用border-image-width屬性-創(chuàng)新互聯(lián)
文章來源：http://bm7419.com/article40/ggcho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、網(wǎng)站排名、手機(jī)網(wǎng)站建設(shè)、商城網(wǎng)站、ChatGPT、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)