CSS3 border-image-outset 属性

border-image-outset 属性用于设置边框图片的外边距。这个属性定义了在边框图像之外的区域的大小。border-image-outset 属性可以接受一个或四个值，分别表示四个边的外边距。

语法

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

• length：指定以长度单位（如 px、em、rem）表示的外边距值。
• number：指定以数字表示的外边距值。
• initial：设置属性为默认值。
• inherit：从父元素继承属性值。

示例

// www.javascriptcn.com code example
/* 以长度单位设置外边距 */
div {
  border-image-source: url(border.png);
  border-image-slice: 30;
  border-image-outset: 10px;
}

/* 指定四个边的外边距值 */
div {
  border-image-source: url(border.png);
  border-image-slice: 30;
  border-image-outset: 10px 20px 15px 5px;
}

在上面的示例中，第一个 div 元素设置了统一的外边距值为 10px，而第二个 div 元素分别指定了四个边的外边距值。

border-image-outset 属性通常与 border-image-source 和 border-image-slice 属性一起使用，以创建具有自定义边框样式的元素。