Skip to content

CSS Outlines


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

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

轮廓(outline)属性的位置让它不像边框那样参与到文档流中,因此轮廓出现或消失时不会影响文档流,即不会导致文档的重新显示。



CSS 轮廓(outline)

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

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



所有 CSS 轮廓(outline)属性

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

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