- HTML中文网
- 联系QQ：88526
- QQ交流群
- 微信公众号
前端控
更新时间：2019-03-22 14:33:23
border-image-outset属性
含义：
border-image-outset用于指定在边框外部绘制 border-image-area 的量
浏览器支持：
表格中的数字表示支持该属性的第一个浏览器版本号
| 属性 |  |  |  |  |  |
|---|---|---|---|---|---|
| border-image-outset | 11.0 | 15.0 | 15.0 | 6.0 | 15.0 |
CSS语法：
border-image-outset:length|number;
注意： border-image-outset用于指定在边框外部绘制 border-image-area 的量，包括上下部和左右部分。如果第四个值被省略，它和第二个是相同的。如果也省略了第三个，它和第一个是相同的。如果也省略了第二个，它和第一个是相同的
不允许border-image-outset拥有负值
属性值：
| 值 | 描述 |
| length | 设置边框图像与边框（border-image）的距离，默认为0 |
| number | 代表相应的 border-width 的倍数 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p{
border:15px solid;
padding: 30px;
border-image:url(images/kuang.jpg) 100 round;
border-image-outset: 1px 10px 8px;
}
</style>
</head>
<body>
<p>HTML中文网</p>
</body>
</html>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册