/*设置图片作为边框内容,默认情况下会吧图片放到边框的四个顶点,边框图片的优先级要高于边框颜色,如果设置了边框图片,那么就不会显示边框颜色*/
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;
案例:滑动门 边框按钮