指定边框图片的宽度:
#borderimg {
border-image-source: url(border.png);
border-image-width: 10px;
}
亲自试一试 »
这个border-image-width
属性指定边框图片的宽度。
提示:另请参阅边框图片property(用于设置所有 border-image-* 属性的简写属性)。
表中的数字指定完全支持该属性的第一个浏览器版本。
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
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 属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!