实例

规定边框边缘之外 15 像素处的轮廓：

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

亲自试一试

浏览器支持

所有主流浏览器都支持 outline-offset 属性，除了 Internet Explorer。

定义和用法

outline-offset 属性对轮廓进行偏移，并在边框边缘进行绘制。

轮廓在两方面与边框不同：

• 轮廓不占用空间
• 轮廓可能是非矩形

语法

outline-offset: length|inherit;