自学教程实例
使用图像作为div元素的边框：
div
{
border-image-source: url(border.png);
}浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
属性定义及使用说明
border-image-source属性指定要使用的图像，而不是由border-style属性设置的边框样式。
提示: 如果值是"none"，或者，如果无法显示图像，边框样式会被使用。
| 默认值: | none |
|---|---|
| 继承: | no |
| 版本: | CSS3 |
| JavaScript 语法: | object.style.borderImageSource="url(border.png)" |
语法
border-image-source: none|image;
| 值 | 说明 |
|---|---|
| none | 没有图像被使用 |
| image | 边框使用图像的路径 |
相关文章
CSS3 教程: CSS3 边框
CSS 参考手册：border-image 属性