CSS outline-offset 属性

指定边框边缘外 15 像素处的 4 像素实心红色轮廓：

div {
outline: 4px solid red;
outline-offset: 15px;
}

定义和用法

这个outline-offset属性在元素的轮廓和边缘或边框之间添加空间。

元素与其轮廓之间的空间是透明的。

轮廓与边框在三个方面有所不同：

默认值：	0
遗传：	不
可动画：	是的，查看各个属性。阅读可动画的尝试一下
版本：	CSS3
JavaScript 语法：	对象.style.outlineOffset="15px"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
outline-offset	4.0	15.0	3.5	3.1	10.5

outline-offset: length|initial|inherit;

Value	Description	Demo
length	The distance the outline is outset from the border edge. Default value is 0	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit