整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
注藝術繪畫內容分享，點擊右上角“關注”，只為你。
更多資訊請關注公眾號：798手繪網，或下載藝伙APP
藝伙官方VIP用戶QQ群：417974528
例
指定一個div box允許擴大到多行：
div
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}
瀏覽器支持
目前所有主流瀏覽器都不支持box-lines屬性。
屬性定義及使用說明
box-lines屬性指定每當它運行在父級box的空間，列中是否會得到一個新的行。
提示： 默認情況下，橫向盒里會在單一的行鋪陳它的子元素，和一個縱向盒鋪陳其在單個列中的子元素。
| 默認值: | single |
|---|---|
| 繼承: | no |
| 版本: | CSS3 |
| JavaScript 語法: | object.style.boxLines="multiple" |
語法
box-lines: single|multiple;
| 值 | 說明 |
|---|---|
| single | 將被放置在單個行或列的所有子元素（元素不適合只會被認為是溢出） |
| multiple | box允許擴大到多行，以適應其所有子項 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
例
設置重復圖像的方式：
div {
border-image-source: url(border.png);
border-image-repeat: repeat;
}
定義和使用
border-image-repeat 屬性用于圖像邊界是否應重復（repeated）、拉伸（stretched）或鋪滿（rounded）。
提示:你可以查看 border-image 屬性 (簡寫屬性用于設置所有 border-image-* 屬性)。
| 默認值: | stretch |
|---|---|
| 繼承性: | no |
| 動畫: | no. 查看 animatable |
| 版本: | CSS3 |
| JavaScript 語法: | object.style.borderImageRepeat="round"嘗試一下 |
瀏覽器支持
表格中的數字表示支持該事件的第一個瀏覽器的版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS 語法
border-image-repeat: stretch|repeat|round|initial|inherit;
注意： 該屬性規定如何延展和鋪排邊框圖像的邊緣和中間部分。因此，您可以規定兩個值。如果省略第二個值，則采取與第一個值相同的值。
屬性值
| 值 | 描述 | 實例 |
|---|---|---|
| stretch | 默認值。拉伸圖像來填充區域 | 查看實例 ? |
| repeat | 平鋪（repeated）圖像來填充區域。 | 查看實例 ? |
| round | 類似 repeat 值。如果無法完整平鋪所有圖像，則對圖像進行縮放以適應區域。 | 查看實例 ? |
| space | 類似 repeat 值。如果無法完整平鋪所有圖像，擴展空間會分布在圖像周圍 | |
| initial | 將此屬性設置為默認值。查看 initial | 查看實例 ? |
| inherit | 從父元素中繼承該屬性。 查看 inherit |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
