outline-style 属性是 CSS 中用于设置元素轮廓样式的属性。该属性定义了轮廓的样式,例如实线、虚线、点状等。

语法如下:
selector {
    outline-style: value;
}

其中,selector 是你想要应用这个样式的元素,而 value 是设置的轮廓样式。常见的轮廓样式值包括:

  •  none: 没有轮廓。

  •  dotted: 点状轮廓。

  •  dashed: 虚线轮廓。

  •  solid: 实线轮廓。

  •  double: 双实线轮廓。

  •  groove: 3D凹槽轮廓。

  •  ridge: 3D脊轮廓。

  •  inset: 3D内嵌轮廓。

  •  outset: 3D外凸轮廓。


举个例子,如果你想要为一个元素设置虚线轮廓,可以这样写:
.example {
    outline-style: dashed;
}

这将使 .example 元素具有虚线轮廓。需要注意的是,轮廓样式的可见性还取决于 outline-width 和 outline-color 属性的设置。


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