css轮廓设置

轮廓（outline）是绘制于元素周围的一条线，位域边框的外围，可起到突出元素的作用。css轮廓设置用于规定元素轮廓的样式、颜色和宽度。

1、设置轮廓的颜色（outline-color）
值：
color_name：规定颜色值为颜色名称的轮廓颜色（比如：blue）
hex_number：规定颜色值为16进制值的轮廓颜色。
rgb_number：规定颜色值为rgb代码的轮廓颜色。
invert：执行颜色反转（逆向的颜色）。可使轮廓在不同的背景颜色中都是可见。
inherit：从父元素中继承outline-color。

2、设置轮廓样式（outline-style）
值：
none：定义无轮廓（默认）
dotted：定义点状的轮廓。
dashed：定义虚线轮廓。
solid：定义实现轮廓。
double：定义双线轮廓。双线的宽度等同于outline-with的值。
groove：定义3D凹槽轮廓。此效果取决于outline-color的值。
ridge：定义3D凸槽轮廓。此效果取决于outline-color的值。
inset：定义3D凹边轮廓。此效果取决于outline-color的值。
outset：定义3D凸边轮廓。此效果取决于outline-color的值。
inherit：从父元素中继承outline-style。

3、设置轮廓的宽度（outline-width）
值：
thin：规定细轮廓
medium：规定中等的轮廓（默认）
thick：规定粗的轮廓。
length：允许规定轮廓粗细的值。
inherit：从父元素中继承outline-width。