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- 前的数字为支持该前缀属性的第一个浏览器版本号

Chrome  IEFirefox  Safari  Opera  
4.0不兼容3.53.110.5

范例

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

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

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_403

目录选择