CSS 3 outline-offset 属性

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

outlines 在两个方面不同于边框

  1. outlines 不占用空间
  2. 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 用户界面

CSS 参考手册

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

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

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