/*設(shè)置圖片作為邊框內(nèi)容，默認情況下會吧圖片放到邊框的四個頂點，邊框圖片的優(yōu)先級要高于邊框顏色，如果設(shè)置了邊框圖片，那么就不會顯示邊框顏色*/
border-image-source:url("圖片路徑")
/*如何對指定邊框圖片進行切割*/
border-image-slice:70 70 70 70;
border-image-slice:70 70 70 70 fill;/*保留邊框圖像的中間部分*/
/*邊框圖片顯示的寬度法牲，不是邊框的寬度*/
border-image-width:10px
/*除了邊框圖片的四個角以外的圖片如何填充，默認是拉伸*/
border-image-repeat:stretch/repeat/round
/*邊框圖片向外移動多少
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?上 ? ? ?右 ? ? ?下 ? ? ?左 */
border-image-outset:10px 30px 50px 70px;
連寫屬性
/*border-imge:資源路徑 切割方式 填充模式;*/
border-imge:url("圖片路徑") 70 fill repeat;
案例：滑動門 ? ?邊框按鈕
