W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
規(guī)定如何重復圖像邊框:
div
{
border-image-source: url(border.png);
border-image-repeat: round;
}
屬性 | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Opera 不支持 border-image-repeat 屬性。
Internet Explorer 10 以及更早的版本不支持 border-image-repeat 屬性。
Safari 5 以及更早的版本不支持 border-image-repeat 屬性。
請參閱 border-image 屬性。
border-image-repeat 屬性規(guī)定圖像邊框是否應該被重復(repeated)、拉伸(stretched)或鋪滿(rounded)。
默認值: | stretch |
---|---|
繼承性: | no |
版本: | CSS3 |
JavaScript 語法: | object.style.borderImageRepeat="round" |
border-image-repeat: stretch|repeat|round;
注釋:該屬性規(guī)定如何延展和鋪排邊框圖像的邊緣和中間部分。因此,您可以規(guī)定兩個值。如果省略第二個值,則采取與第一個值相同的值。
值 | 描述 |
---|---|
stretch | 拉伸圖像來填充區(qū)域 |
repeat | 平鋪(重復)圖像來填充區(qū)域。 |
round | 類似 repeat 值。如果無法完整平鋪所有圖像,則對圖像進行縮放以適應區(qū)域。 |
CSS3 教程:CSS3 邊框
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: