CSS属性 border-image-source
border-image-source
属性用于指定用作边框图像的来源。边框图像通常用于创建具有复杂边框样式的元素,可以通过 border-image-source
属性来定义边框图像的来源。
语法
-------------------- ---- - ------- - ------- - --------
none
:默认值,表示不使用任何图像作为边框。<image>
:指定用作边框图像的 URL、线性渐变、径向渐变或其他图像值。initial
:设置属性为默认值。inherit
:从父元素继承属性值。
示例
--- - ------- ---- ------ -------------------- ------------------------ -
上面的示例代码指定了一个 div 元素的边框样式为实线,边框图像的来源为名为 border-image.png
的图片。
注意事项
- 如果要同时使用
border-image-source
和border-image-slice
属性,需要保证两者都有合法的值,否则边框图像将无法显示。 - 边框图像的显示方式可以通过
border-image-repeat
属性进行调整,以适应不同大小的元素。