CSS outline-style属性

• 

  定义和用法

  outline-style属性指定轮廓的样式。

  注意事项：outline是元素周围的线。它显示在元素的边缘周围。但是，它与border属性不同。轮廓不是元素尺寸的一部分，因此元素的宽度和高度属性不包含轮廓的宽度。

  特征	说明
  默认值	none
  继承	没有
  动画	没有。CSS动画参考
  CSS版本	CSS2
  JavaScript语法	object.style.outlineStyle="dashed"尝试一下

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  属性	IE/Edge	Chrome	FireFox	Safari	Opera
  属性名称
  outline-style	8.0	1.0	1.5	1.2	7.0

• 

  CSS语法

  outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
• 

  实例

  为轮廓设置样式：

  div {outline-style: dotted;}
  

  尝试一下
• 

  属性值

  属性值	描述
  none	指定无轮廓。 这是默认的
  hidden	指定隐藏的轮廓
  dotted	指定虚线轮廓
  dashed	指定虚线轮廓
  solid	指定实线轮廓
  double	指定双轮廓
  groove	指定3D凹槽轮廓。 效果取决于轮廓颜色值
  ridge	指定3D脊状轮廓。 效果取决于轮廓颜色值
  inset	指定3D插入轮廓。 效果取决于轮廓颜色值
  outset	指定3D开始轮廓。 效果取决于轮廓颜色值
  initial	将此属性设置为其默认值。查看initial关键字
  inherit	从其父元素继承此属性。查看inherit关键字

• 

  相关页面

  HTML教程：HTML样式

  CSS教程：CSS轮廓