此属性指定边框图像区域超出边框框的长度。
可能的值
- length − 任何长度单位值，指定图像将从边界显示多远。defaukt 值为 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(images/border.png);
border-image-width: 10px;
border-image-slice: 33%;
border-image-outset: 15px;
}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
