重慶分公司,新征程啟航
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
為企業(yè)提供網(wǎng)站建設(shè)、域名注冊、服務(wù)器等服務(wù)
小編給大家分享一下css中的border-image-repeat屬性怎么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的平邑網(wǎng)站設(shè)計(jì)、移動媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
CSS3border-image-repeat屬性
作用:規(guī)定圖像邊框是否應(yīng)該被重復(fù)(repeated)、拉伸(stretched)或鋪滿(rounded)。
語法:
border-image-repeat:stretch|repeat|round|space;
stretch:表示拉伸圖像來填充區(qū)域
repeat:表示平鋪(重復(fù))圖像來填充區(qū)域。
round:類似repeat值;如果無法完整平鋪所有圖像,則對圖像進(jìn)行縮放以適應(yīng)區(qū)域。
space:類似repeat值。如果無法完整平鋪所有圖像,擴(kuò)展空間會分布在圖像周圍
說明:border-image-repeat屬性規(guī)定如何延展和鋪排邊框圖像的邊緣和中間部分。因此,您可以規(guī)定兩個值。如果省略第二個值,則采取與第一個值相同的值。
注:InternetExplorer10,Opera12和Safari5不支持border-image-repeat屬性。
CSS3border-image-repeat屬性的使用示例
div{
margin:50px;
border:30pxsolidtransparent;
border-image:url('/upload/otherpic64/5c62637b1a4fe853.png');
border-image-slice:25;
}
.round{
border-image-repeat:round;
}
.repeat{
border-image-repeat:repeat;
}
.stretc{
border-image-repeat:stretc;
}
DIV使用圖像邊框--round
DIV使用圖像邊框--repeat
DIV使用圖像邊框--stretc
以上是“css中的border-image-repeat屬性怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!