CSS border-style属性

• 

  定义和用法

  border-style属性设置元素的四个边框的样式。此属性可以包含一到四个值。

  border-style: dotted solid double dashed;

  • 顶部边框点线
  • 右边界实线
  • 底部边界是双线
  • 左边界是虚线

  border-style: dotted solid double;

  • 顶部边框点线
  • 左右边界是实线的
  • 底部边界是双线的

  border-style: dotted solid;

  • 顶部和底部边框点线
  • 左右边界是坚实线

  border-style: dotted;

  • 所有四个边界都是点线

  特征	说明
  默认值	no
  继承	没有
  动画	没有。CSS动画参考
  CSS版本	CSS1
  JavaScript语法	object.style.borderStyle="dotted double"尝试一下

• 

  浏览器支持

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

  属性	Internet Explorer	Chrome	FireFox	Safari	Opera
  属性名称
  border-style	4.0	1.0	1.0	1.0	3.5

  注意： IE7及更早版本不支持“hidden”值。IE8需要一个!DOCTYPE声明。IE9及以后支持“hidden”。
• 

  CSS语法

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

  实例

  为边框设置样式：

  div {border-style: dotted;}

  尝试一下
• 

  属性值

  属性值	描述
  none	默认值。 指定无边框
  hidden	与“none”相同，除了表元素的边界冲突解决方案
  dotted	指定虚线边框
  dashed	指定虚线边框
  solid	指定实线边框
  double	指定双边框
  groove	指定3D凹槽边框。 效果取决于边框颜色值
  ridge	指定3D脊状边框。 效果取决于边框颜色值
  inset	指定3D插入边框。 效果取决于边框颜色值
  outset	指定3D开始边框。 效果取决于边框颜色值
  initial	将此属性设置为其默认值。查看initial关键字
  inherit	从其父元素继承此属性。查看inherit关键字

• 

  相关页面

  HTML教程：HTML样式

  CSS教程：CSS边框