CSS 属性

CSS border-image-outset 属性指定边框图像区域超出边框框的程度。

属性值

  • length: 任何长度单位指定图像将显示距边框多远的值。默认值为 0。

  • number: 它表示边框宽度的倍数。

  • initial: 它设置属性的默认值。

  • inherit: 它从父元素继承属性。

适用范围

所有 HTML 元素。

DOM 语法

object.style.borderImageOutset = "10px";

示例

以下示例演示了此属性。这里我们将边框图像放置在元素边框边缘之外 15 像素处:

<html>
<head>
   <style>
     .box {
       width: 200px;
       height: 200px;
       margin-left:50px;
       border:red solid;
       background-color:#000000;
       border-image-source: url(/css/images/border.png);
       border-image-width: 10px;
       border-image-slice: 33%;
       border-image-outset: 15px;
    }
   </style>
</head>
<body>
        <div class="box"></div>
</body>
</html>