CSS 参考手册 目录

CSS3 border-image-source 属性

CSS属性 border-image-source

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

语法

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

示例

--- -
  ------- ---- ------
  -------------------- ------------------------
-

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

注意事项

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

上一篇:CSS 属性 border-image-slice
下一篇:CSS 属性 border-image-width