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:规定应该从父元素继承轮廓样式的设置。

原文地址:https://www.cnblogs.com/lanchong/p/1782379.html