CSS3 边框 border-image

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;　　简写