outline
属性可以设置以下值:
outline-width
:用于设置轮廓线的宽度,可以使用像素、em、rem等单位进行设置。outline-style
:用于设置轮廓线的样式,常见的样式有:solid(实线)、dashed(虚线)、dotted(点线)、double(双实线)等。outline-color
:用于设置轮廓线的颜色,可以使用颜色名称、十六进制值、RGB值等进行设置。outline-offset
:用于设置轮廓线与元素边缘之间的距离,可以使用像素、em、rem等单位进行设置。需要注意的是,outline
属性是一个简写属性,如果只设置一个值,则会被认为是 outline-width
,而 outline-style
和 outline-color
的值会被设置为默认值。如果设置两个值,则第一个值被认为是 outline-width
,第二个值被认为是 outline-style
。如果设置三个值,则第一个值被认为是 outline-width
,第二个值被认为是 outline-style
,第三个值被认为是 outline-color
。
outline
属性的作用是在元素周围绘制一条轮廓线,不占据空间,不会影响元素的布局。常用于设置焦点效果、高亮效果等。
示例代码:
/* 设置轮廓线为红色虚线,宽度为2px */
outline: 2px dashed #ff0000;
/* 只设置轮廓线颜色为绿色 */
outline-color: #00ff00;