CSS outline 属性

围绕 h2 元素和 div 元素设置轮廓:

h2 {
outline: 5px dotted green;
}

div.a {
outline: 2px dashed blue;
}

定义和用法

（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

outline 是以下属性的简写属性:

如果省略了轮廓颜色，则应用的颜色将是文本的颜色。

注释: 轮廓与 borders 边框不同！ 与边框不同，轮廓绘制在元素边框之外，并且可能与其他内容重叠。此外，轮廓不是元素尺寸的一部分；元素的总宽度和高度不受轮廓宽度的影响。

默认值:	medium invert color
继承性:	no
支持动画:	yes, 请参阅单独的属性. 阅读有关动画的信息测试一下
版本:	CSS2
JavaScript 语法:	object.style.outline="#0000FF dotted 5px" 测试一下

表中的数字表示支持该属性的第一个浏览器版本。

属性
outline	1.0	8.0	1.5	1.2	7.0

outline: outline-width outline-style outline-color|initial|inherit;