CSS3 outline-offset

CSS3 outline-offset 属性定义与用法

outline-offset属性设置轮廓框架在 border 边缘外的偏移

Outlines在两个方面不同于边框：

• Outlines 不占用空间
• Outlines 可能非矩形

默认值：	0
继承：	no
版本：	CSS3
JavaScript 语法：	object.style.outlineOffset="15px"

 

CSS3 outline-offset 语法

outline-offset: length|inherit:

 

CSS3 outline-offset 属性值

值	描述
length	轮廓与边框边缘的距离。
inherit	规定应从父元素继承 outline-offset 属性的值。

 

CSS3 outline-offset 浏览器支持

所有浏览器都支持outline-offset 属性，除了IE浏览器.

 

CSS3 outline-offset 实例

指定外边框边缘的轮廓15px：

div{
    border:2px solid black;
    outline:2px solid red;
    outline-offset:15px;
}

在线运行

 

相关文章

CSS3 教程: CSS3 用户界面