CSS 3 border-image-source 属性

css border-image-source 属性指定要使用的图像,而不是由 border-style 属性设置的边框样式

如果值是 "none",或者,如果无法显示图像,边框样式会被使用

默认值none
继承no
版本CSS3
JavaScript 语法object.style.borderImageSource="url(/static/i/css3/border.png)"

语法

border-image-source: none| *image* ;


值说明

说明
none没有图像被使用
image边框使用图像的路径

浏览器支持

下表中的数字表示支持该属性的第一个浏览器版本号

Chrome  IEFirefox  Safari  Opera  
15.011.015.06.015.0

范例

使用图像作为 div 元素的边框

div {
    border-image-source: url(/static/i/css3/border.png);
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_300

目录选择