outline 属性是用来设置元素的轮廓样式的 CSS 属性。它通常用于在不影响布局的情况下突出显示元素,例如在元素获得焦点时或者用于指示活动状态。

outline 属性的一般语法如下:
outline: [outline-color] [outline-style] [outline-width];

其中:

  •  outline-color:定义轮廓的颜色,可以是颜色值(例如 red、#00ff00)或者 invert(用于自动选择对比度较高的颜色)。

  •  outline-style:定义轮廓的样式,可以是 dotted(点状)、dashed(虚线)、solid(实线)、double(双实线)等。

  •  outline-width:定义轮廓的宽度,可以是具体的像素值,也可以是 thin、medium、thick 这样的关键字。


例如:
.element {
  outline: 2px dashed #3498db;
}

这个例子设置了一个蓝色虚线轮廓,宽度为2像素。需要注意的是,outline 不会占据空间,不会影响元素的尺寸和布局。


转载请注明出处:http://www.zyzy.cn/article/detail/4002/CSS