CSS 3 outline-offset 属性
CSS outline-offset 属性设置轮廓框架在 border 边缘外的偏移
outlines 在两个方面不同于边框
- outlines 不占用空间
- outlines 可能非矩形
默认值 | 0 |
---|---|
继承 | no |
版本 | CSS3 |
JavaScript 语法 | object.style.outlineOffset="15px" |
语法
outline-offset: *length* |inherit
值说明
值 | 描述 |
---|---|
length | 轮廓与边框边缘的距离 |
inherit | 规定应从父元素继承 outline-offset 属性的值 |
浏览器支持
下表中的数字表示支持该属性的第一个浏览器版本号
紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号
4.0 | 不兼容 | 3.5 | 3.1 | 10.5 |
范例
指定外边框边缘的轮廓 15px
div { border:2px solid black; outline:2px solid red; outline-offset:15px; }
相关文章
CSS3 基础教程: CSS3 用户界面