css3 border-image 学习随笔

先上w3school数据：

对于分开设置如上表所示，没有疑惑。但是当缩写时：

border-image:url(/i/border.png) 30 30 round;

一参：图片地址；

二参、三参：只填写一个时代表border-image-slice的 X 与 Y 值，填写两个时：分别是 X、Y 的border-image-slice值；

最后一个参数是：border-image-repeat；

border-image-width 的值可以通过设置border代替：

 border: 27px solid transparent;
 border-image: url("border.png") 27 round;

border-image-outset值怎么通过缩写形式设置暂时没有找到方法。