导航分类

机器学习教程

CSS border-image-source 属性 CSS border-inline 属性

CSS border-image-width 属性

主题

默认模式
浅蓝色模式
淡绿色模式
深夜模式

定义和用法

border-image-width是 CSS 中用于控制边框图像显示宽度的属性。

border-image-width通常与border-image-source和border-image-slice一起使用来创建复杂的边框效果。

默认值：	1
继承性：	否
可动画性：	否。请参阅：可动画属性。
版本：	CSS3
JavaScript 语法：	object.style.borderImageWidth="20px"Demo ❯

演示实例

下面通过演示实例，让你更直观地了解border-image-width属性的用法。

实例代码运行代码

复制

.example {
    border-image-source: url(border.png);
    border-image-width: 10px;
}

CSS 语法

border-image-width: none|url()|initial|inherit;

属性值

值	描述
`none`	不使用图像。
`url()`	用作边框的图像的路径。
`initial`	将此属性设置为其默认值。参阅 initial。
`inherit`	从其父元素继承此属性。参阅 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 属性

CSS border-image-source 属性 CSS border-inline 属性

评论区 0

发表评论

教程介绍

CSS 参考手册全面涵盖选择器、盒模型，文本属性等，助您快速检索 CSS 使用方法。

87 章节

13 阅读

0 评论