outline
属性可以用来设置一个元素的轮廓线条,它有以下几个常用的值:
outline: none;
:去除元素的默认轮廓线条。outline: 1px solid red;
:设置元素的轮廓线条为红色实线,宽度为 1 像素。outline: 2px dotted blue;
:设置元素的轮廓线条为蓝色点线,宽度为 2 像素。outline: 3px double green;
:设置元素的轮廓线条为绿色双线,宽度为 3 像素。除了这些常用的值之外,outline
属性还可以设置其他的值,例如:
outline-offset
:设置轮廓线条与元素边缘的距离。outline-color
:设置轮廓线条的颜色。outline-style
:设置轮廓线条的样式。需要注意的是,outline
属性不会影响元素的大小和位置,也不会被打印出来。同时,在一些浏览器中,outline
属性可能会与 border-radius
属性产生冲突,导致轮廓线条的圆角效果无法生效。