CSS outline 轮廓

CSS outline 轮廓

CSS Outline

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

轮廓（outline）属性指定了样式，颜色和外边框的宽度。

CSS 轮廓（outline）

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

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

CSS outline border区别

border 可应用于几乎所有有形的html元素，而 outline 是针对链接、表单控件和ImageMap等元素设计。

从而另一个区别也可以推理出，那就是： outline 的效果将随元素的 focus 而自动出现，相应的由 blur 而自动消失。

这些都是浏览器的默认行为，无需Javascript配合CSS来控制。

CSS outline 属性

"CSS" 列中的数字表示哪个CSS版本定义了该属性(CSS1 或者CSS2)。

属性说明值CSSoutline在一个声明中设置所有的外边框属性outline-color
outline-style
outline-width
inherit2outline-color设置外边框的颜色color-name
hex-number
rgb-number
invert
inherit2outline-style设置外边框的样式none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit2outline-width设置外边框的宽度thin
medium
thick
length
inherit2