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; }