CSS outline-style 属性
定义
outline-style 属性用于设置一个元素的整个轮廓的样式。样式不能是 none，否则轮廓不会出现。
outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。
注释：请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。
注释：轮廓线不会占据空间，也不一定是矩形。
继承性：No
JavaScript 语法
CSS 属性也可通过一段 JavaScript 被动态地改变。
脚本语法：
object.style.outlineStyle="dotted"
在我们的 HTML DOM 教程中，您可以找到更多有关 outlineStyle 属性 的细节。
在我们的 HTML DOM 教程中，您也可以找到完整的 Style 对象参考手册。
例子
button
{
outline-style: solid
}
可能的值
| 值 | 描述 |
|---|---|
| none | 默认。定义无轮廓。 |
| dotted | 定义一个点状的轮廓。 |
| dashed | 定义一个虚线轮廓。 |
| solid | 定义一个实线轮廓。 |
| double | 定义一个双线轮廓。双线的宽度等同于 outline-width 的值。 |
| groove | 定义一个 3D 凹槽轮廓。此效果取决于 outline-color 值。 |
| ridge | 定义一个 3D 凸槽轮廓。此效果取决于 outline-color 值。 |
| inset | 定义一个 3D 凹边轮廓。此效果取决于 outline-color 值。 |
| outset | 定义一个 3D 凸边轮廓。此效果取决于 outline-color 值。 |
TIY 实例
- 设置轮廓的样式
- 本例演示如何设置轮廓的样式。