CSS3 border-image-outset 属性

CSS 属性：border-image-outset

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

语法

-------------------- ------------------------------

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

示例

-- ---------- --
--- -
  -------------------- ----------------
  ------------------- ---
  -------------------- -----
-

-- ---------- --
--- -
  -------------------- ----------------
  ------------------- ---
  -------------------- ---- ---- ---- ----
-

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

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