语法示例：
element {
border-image: source slice width outset repeat;
}
- source: 指定用作边框的图片的路径或者 none。
- slice: 定义如何裁剪边框图片。可以是一个数值、百分比，或者关键字 fill。
- width: 定义边框的宽度，可以是一个数值、百分比，或者关键字 auto。
- outset: 定义边框的外延，可以是一个数值或者关键字 outset。
- repeat: 定义图片如何在边框上重复，可以是关键字 stretch、repeat、round，或者两个值分别表示水平和垂直方向的重复方式。
下面是一个简单的例子：
.element {
border-image: url('border-image.png') 30% round;
border-width: 20px;
border-style: solid;
}
在这个例子中，border-image 属性指定了边框图片的路径、裁剪方式（30%），以及在边框上的重复方式（round）。border-width 和 border-style 用于设置普通的边框宽度和样式。
请注意，border-image 属性是比较复杂的，因为它涉及到很多参数和属性，需要根据具体需求进行调整。
转载请注明出处：http://www.zyzy.cn/article/detail/4127/CSS