border-image：xx xx xx 是一系列参数的简写，该属性将图片作为边框修饰
border-image-source：url(border.png); 图片url地址
border-image-slice: 20% 20% 20% 20%; 图片切片位置，4条线将图片切为9格宫。上，左，下，右可调，四角跟随变化，中心去掉
border-image-width:10px 10px 10px 10px; 图片上，左，下，右切片的宽度
border-image-outside:0px 0px 0px 0px; 图片填充时与边框上下左右的距离
border-image-repeat:repeat round; 图片在水平方向和竖直方向的平铺方式
border-image: source slice width outset repeat; 简写
原文：https://www.cnblogs.com/fanshehu/p/11960626.html