CSS3 border-image-source 属性

border-image-source 属性用于指定用作边框图像的来源。边框图像通常用于创建具有复杂边框样式的元素，可以通过 border-image-source 属性来定义边框图像的来源。

语法

border-image-source: none | <image> | initial | inherit;

• none：默认值，表示不使用任何图像作为边框。
• <image>：指定用作边框图像的 URL、线性渐变、径向渐变或其他图像值。
• initial：设置属性为默认值。
• inherit：从父元素继承属性值。

示例

div {
  border: 10px solid;
  border-image-source: url('border-image.png');
}

上面的示例代码指定了一个 div 元素的边框样式为实线，边框图像的来源为名为 border-image.png 的图片。

注意事项

• 如果要同时使用 border-image-source 和 border-image-slice 属性，需要保证两者都有合法的值，否则边框图像将无法显示。
• 边框图像的显示方式可以通过 border-image-repeat 属性进行调整，以适应不同大小的元素。