1 div{ 2 border-image-source:url(images/border.png); 3 border:10px solid black; 4 }

　　为了确保图片路径是正确的，可以给 body 元素使用该图片路径设置背景图，然后进行调试。

　　但是，请注意：目前所有浏览器都不支持 border-image-source 属性，所以会显示 border-style 属性设置的边框样式。但是可以使用 border-image 属性取代他！

　　二、border-image-slice

　　border-image-slice 属性指定图片边框向内偏移，默认值为 100%，即不向内偏移。

　　语法：

border-image-slice: number|%|fill;

　　number 数字表示图像的像素（位图图像）或向量的坐标（如果图像是矢量图像）。

　　% 百分比图像的大小是相对的：水平偏移图像的宽度，垂直偏移图像的高度。

　　当值为 fill 时，则保留图像的中间部分。

　　注意：该属性指定顶部，右侧，底部，左侧的图片向内偏移。

　　如果省略第四个数字/百分比（左侧），它和第二个（右侧）相同的。如果也省略了第三个（底部），它和第一个（顶部）是相同的。如果也省略了第二个（右侧），它和第一个（顶部）是相同的。

　　border 图可以分为九个区域：四个角，四边和中间。图像中间部分将被丢弃（完全透明的处理），除非指定关键字。

　　下面是在百度图片中借鉴的边框图解，描述很详细：

　　注意：目前所有浏览器都不支持 border-image-slice 属性，可以使用 border-image 属性取代他！

　　三、border-image-width

　　border-image-width 属性定义 border-image 的显示区域的宽度，默认值为 1。

　　语法：

border-image-width: number|%|auto;

　　number 表示相应的 border-width 的倍数。

　　% 边界图像区域的大小：横向偏移的宽度的面积，垂直偏移的高度的面积。

　　auto 如果指定了，宽度是相应的 image slice 的内在宽度或高度。

　　border-image-width 属性定义 border-image 的显示区域的宽度。

　　注意：border-image-width 属性可以有4个值。如果第四个值被省略（左侧），它和第二个（右侧）相同的。如果也省略了第三个（底部），它和第一个（顶部）是相同的。如果也省略了第二个（右侧），它和第一个（顶部）是相同的。不允许负值。

　　目前所有浏览器都不支持该属性，但是可以使用 border-image 属性取代他！

　　四、border-image-outset

　　border-image-outset 属性用于指定在边框外部绘制边框图片超出边框区域的量，即图片外凸，默认值为 0。

　　注意：目前所有浏览器都不支持该属性，可以使用 border-image 属性取代他！

　　五、border-image-repeat

　　border-image-repeat 属性用于指定图片边框是否应重复（repeat）、铺满（round）或拉伸（stretch）。