CSS | border-image-outset 属性

border-image-outset 属性定义了边框图像区域向外延伸的距离，从而增加边框的大小。

语法

border-image-outset: length|number|%|initial|inherit;

属性值

• length：指定延伸的长度，可以是负值，默认值为 0。
• number：指定长度值的倍数，默认值为 1。
• %：相对于边框图案的宽度计算距离，默认值为 0。
• initial：默认值。
• inherit：从父元素继承。

示例

border-image: url(border.png) 30 30 30 30 stretch;
border-image-outset: 10px;

浏览器兼容性

border-image-outset 属性在所有主流浏览器中被支持。

• Chrome
• Edge
• Firefox
• IE
• Opera
• Safari

总结

使用 border-image-outset 属性可以改变边框图片的大小，具有很好的兼容性，建议使用。