定义和用法
border-image-width
是 CSS 中用于控制边框图像显示宽度的属性。
border-image-width
通常与border-image-source
和border-image-slice
一起使用来创建复杂的边框效果。
演示实例
下面通过演示实例,让你更直观地了解border-image-width
属性的用法。
.example {
border-image-source: url(border.png);
border-image-width: 10px;
}
CSS 语法
border-image-width: none|url()|initial|inherit;
属性值
浏览器支持
表中的数字指定了完全支持border-image-width
属性的第一个浏览器版本。
![]() |
![]() |
![]() |
![]() |
![]() |
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
章节
13
阅读
0
评论
反馈提交成功
感谢您的反馈,我们将尽快处理您的反馈