CSS3 `border-image-source` 属性

说明

border-image-source CSS 属性指定用于边框的图像的位置，而不是由 border-style 属性给出的边框样式。

下表总结了此属性的使用上下文和版本历史记录。

默认值：	`none`
适用于：	所有元素，除了 `border-collapse` 为 `collapse` 时的内部表格元素。它也适用于 `::first-letter`。
继承：	No
动画：	No. 参见动画属性。
版本：	New in CSS3

属性的语法如下：

border-image-source:

none | image | initial | inherit

下面的示例显示了 border-image-source 属性的作用。

.box {
    width: 300px;
    height: 150px;
    border-image-source: url("border.png");
    border-image-slice: 30;
    border-image-repeat: round;
}

下表描述了该属性的值。

值	说明
`none`	没有边框图像，将使用边框样式。这是默认值。
image	指定边框图像的位置。
`initial`	将此属性设置为其默认值。
`inherit`	如果指定，则关联元素采用其父元素 `border-image-source` 属性的计算值。

所有主要的现代浏览器都支持 border-image-source 属性。

请参阅以下教程： CSS3 边框, CSS 边框.