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

CSS 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.