border-image-source

语法：

border-image-source：none | <url>

默认值：none

适用于：所有元素，除table元素设置了border-collapse为collapse之外

继承性：无

取值：

none：
无背景图片。
<url>：
使用绝对或相对地址指定图像。

说明：

设置或检索对象的边框样式使用图像路径。
  • 指定一个图像用来替代border-style边框样式的属性。当border-image为none或图像不可见时，将会显示border-style所定义的边框样式效果。
  • 对应的脚本特性为borderImageSource。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6-10 15 5.1.7 22 11.5-12.5 #1
  1. 不支持：border-image的分拆写法，只实验性质支持单一属性border-image。

示例：