目录

CSS border-image-width 属性


示例

指定边框图片的宽度:

#borderimg {
  border-image-source: url(border.png);
  border-image-width: 10px;
}
亲自试一试 »

定义和用法

这个border-image-width属性指定边框图片的宽度。

提示:另请参阅边框图片property(用于设置所有 border-image-* 属性的简写属性)。

展示演示❯

默认值: 1
遗传:
可动画: 不。阅读可动画的
版本: CSS3
JavaScript 语法: 对象.style.borderImageWidth="20px"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
border-image-width 15.0 11.0 13.0 6.0 15.0


CSS 语法

border-image-width: number| %|auto|initial|inherit;

笔记:这个border-image-width属性可以采用一到四个值(顶部、右侧、底部和左侧)。如果省略第四个值,则与第二个值相同。如果第三个也省略,则与第一个相同。如果第二个也省略,则与第一个相同。

属性值

Value Description Demo
length A length unit (px) specifying the size of the border-width Demo ❯
number Default value 1. Represents multiples of the corresponding border-width Demo ❯
% Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets Demo ❯
auto If specified, the width is the intrinsic width or height of the corresponding image slice Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程:CSS 边框图片

CSS 参考:边框图片属性

CSS 参考:border-image-outset 属性

CSS 参考:边框图片重复属性

CSS 参考:边框图片切片属性

CSS 参考:边框图片源属性

HTML DOM 参考:borderImageWidth 属性