语法如下：
element {
border-image: source slice width outset repeat;
}
其中各个值的含义如下：
- source: 指定边框图像的路径或者用 none 来表示没有图像。
- slice: 定义如何切割图像，可以是数字、百分比，或者 fill。
- width: 定义边框图像的宽度，可以是数字、百分比，或者 auto。
- outset: 定义边框图像的外边距，可以是数字、百分比，或者 outset。
- repeat: 定义边框图像是否重复，可以是 stretch、repeat、round 或者 space。
例如：
div {
border-image: url('border-image.png') 30 fill 10px outset round;
}
上述代码会将 border-image.png 图像应用到 <div> 元素的边框，切割方式为30，宽度为 fill，外边距为 10px，重复方式为 outset 且 round。
这个属性可以用来创建具有复杂边框样式的效果，使得边框不再局限于简单的线条。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6009/CSS