border-image: source slice width outset repeat|initial|inherit;
简单介绍下对应的属性值的含义 ：
| 属性 | 描述 |
|---|---|
| border-image-source | 用于指定要用于绘制边框的图像的位置 |
| border-image-slice | 图像边界向内偏移 |
| border-image-width | 图像边界的宽度 |
| border-image-outset | 用于指定在边框外部绘制 border-image-area 的量 |
| border-image-repeat | 用于设置图像边界是否应重复（repeat）、拉伸（stretch）或铺满（round） |
- 新版Chrome浏览器border-image属性不生效
- 解决方案：
- 复合属性需要添加浏览器前缀，单个属性不需添加前缀;
- 在stack overflow找到答案，说是在用border-image属性之前加上：border:1px solid; 即可;
注意：IE和火狐都添加了fill，否则背景不会自动填充到元素的content。一旦使用了单个属性，那么就不能添加前缀，否则不生效。