阅读 (0)

CSS outline-offset 属性

定义和用法

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

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

  • 轮廓不占用空间

  • 轮廓可能是非矩形

另请参阅:

CSS 教程:CSS 用户界面

HTML DOM 参考手册:outlineOffset 属性

实例

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

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

亲自试一试

CSS 语法

outline-offset: length|inherit;

属性值

描述
length轮廓与边框边缘的距离。
inherit规定应从父元素继承 outline-offset 属性的值。

技术细节

默认值:0
继承性:no
版本:CSS3
JavaScript 语法:object.style.outlineOffset="15px"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

ChromeIE / EdgeFirefoxSafariOpera
4.015.03.53.110.5