定义和用法
border-image-source
属性规定要使用的图像,代替border-style
属性中设置的边框样式。
border-image-source
单独使用时不会产生可见效果,需要配合其他border-image-*
属性使用。
默认值: | none |
继承性: | 否 |
可动画性: | 否。请参阅:可动画属性。 |
版本: | CSS3 |
JavaScript 语法: | object.style.borderImageSource="url(border.png)"Demo ❯ |
演示实例
下面通过演示实例,让你更直观地了解border-image-source
属性的用法。
.example {
border-image-source: url(border.png);
}
CSS 语法
border-image-source: none|url()|initial|inherit;
属性值
浏览器支持
表中的数字指定了完全支持border-image-source
属性的第一个浏览器版本。
![]() |
![]() |
![]() |
![]() |
![]() |
Chrome | IE / Edge | Firefox | Safari | Opera |
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
相关页面
CSS 教程:CSS 边框图像
CSS 参考手册:CSS border-image 属性
CSS 参考手册:CSS border-image-slice 属性
CSS 参考手册:CSS border-image-width 属性
CSS 参考手册:CSS border-image-repeat 属性
评论区 0
发表评论
教程介绍
CSS 参考手册全面涵盖选择器、盒模型,文本属性等,助您快速检索 CSS 使用方法。
87
章节
14
阅读
0
评论
反馈提交成功
感谢您的反馈,我们将尽快处理您的反馈