CSS轮廓

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

CSS outline 属性规定元素轮廓的样式、颜色、宽度。

outline：在一个声明中设置所有的轮廓的属性。

outline-color：设置轮廓的颜色。

        （支持颜色名、十六进制的颜色值、rgb颜色值）

invert：默认。执行颜色反转。（逆向的颜色）可使轮廓中不同的背景颜色中都可见。

outline-style：设置轮廓的样式。

none：默认。定义无轮廓。

dotted：定义点状的轮廓。

dashed：定义虚线轮廓。

solid：定义实线轮廓。

double：定义双线轮廓。双线的宽度等于outline-width的值。

groove：定义3D凹槽轮廓。此效果取决于outline-color的值。

ridge：定义3D凹槽轮廓。此效果取决于outline-color的值。

inset：定义3D凹槽轮廓。此效果取决于outline-color的值。

outset：定义3D凹槽轮廓。此效果取决于outline-color的值。

inherit：规定应该从父元素继承轮廓样式的设置。

outline-width：设置轮廓的宽度。

thin：规定细轮廓。

medium：默认。规定中等的轮廓。

thick：规定粗轮廓。

length：数值。规定轮廓粗细的值。

inherit：规定应该从父元素继承轮廓样式的设置。