CSS 3 border-image-outset 属性
CSS border-image-outset 用于指定在边框外部绘制 border-image-area 的量
| 默认值 | 0 |
|---|---|
| 继承 | no |
| 版本 | CSS3 |
| JavaScript 语法 | object.style.borderImageOutset="30 30" |
语法
border-image-outset: *length* | *number* ;
border-image-outset 用于指定在边框外部绘制 border-image-area 的量,包括上下部和左右部分
如果第四个值被省略,它和第二个是相同的
如果也省略了第三个,它和第一个是相同的
如果也省略了第二个,它和第一个是相同的
不允许 border-image-outset 拥有负值
值说明
| 值 | 描述 | 范例 |
|---|---|---|
| length | 设置边框图像与边框(border-image)的距离,默认为0 | 范例 » |
| number | 代表相应的 border-width 的倍数 | 范例 » |
浏览器支持
下表中的数字表示支持该属性的第一个浏览器版本号
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
范例
设置 border-img-outset 属性
div { border-image-source: url(border.png); border-image-outset: 30 30; }