CSS outline 轮廓

CSS Outline

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

轮廓(outline)属性指定了样式,颜色和外边框的宽度。


CSS 轮廓(outline)

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

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

CSS outline


CSS outline border区别

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

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

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


CSS outline 属性

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

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

把命令大全装进口袋

微信关注