设置对象的边框样式。
  
  当你指定了边框颜色( border-color )和边框宽度( border-width )时,你必须同时指定边框样式( border-style ),否则边框不会被呈现。
  
  如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
  
  例如:设置 border : thin 等于设置 border : thin none ,而 border-color 的默认值将采用文本颜色。因此此前的任何 border-color 和 border-width 设置都会被清除。
  
  在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
  
  对应的脚本特性为 border 。
  
  border-bottom-style版本:CSS2  兼容性:IE4+ NS6+ 继承性:无
  
  border-bottom-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
  
  none :  默认值。无边框。不受任何指定的 border-width 值影响
  
  hidden :  隐藏边框。IE不支持
  
  dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
  
  dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
  
  solid :  实线边框
  
  double :  双线边框。两条单线与其间隔的和等于指定的 border-width 值
  
  groove :  根据 border-color 的值画3D凹槽
  
  ridge :  根据 border-color 的值画菱形边框
  
  inset :  根据 border-color 的值画3D凹边
  
  outset :  根据 border-color 的值画3D凸边
  
  设置对象下边框的样式。
  
  此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
  
  在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
  
  如果 border-bottom-width 设置为 0 ,本属性将失去作用。
  
  对应的脚本特性为 borderBottomStyle 。 
                    html中加入虚线Posted on 2011-11-23 15:57 Trible.H 阅读(11498) 评论(0) 编辑 收藏html里添加虚线( J; B8 E( E! w7 C8 }* {# h# f7 ]3 K1 c9 c% Y" k0 S& G N1
  
   
    HTML
   
   5 Canvas自定义圆角矩形与
   
    虚线
   
   (RoundedRectangle and Dash Line) 
实现向
   
    HTML
   
   Canvas 2d context绘制对象中添加自定义的函数功能演示,如何绘制
   
    虚线
   
   以及控制
   
    虚线
   
   间隔大小,学会绘制圆角矩形的技巧。
   
    HTML
   
   5 Canvas绘制对象中提供的原生功能没有实现绘制圆角矩形与
   
    虚线
   
   的功能,但是通过JavaScript语言的Object.prototype可以实现对对象CanvasRenderingContext2D添加这两个函数功能。代码的演示效果如下:  组件fishcomponent.js的代码如下: 
复制代码代码如下: CanvasR
  
  
   你可以使用
   
    CSS
   
   的 border-style 属性来设置边框的样式,其中包括
   
    虚线
   
   样式。将 border-style 设置为 dashed 即可将
   
    实线
   
   改为
   
    虚线
   
   ,如下所示:
```
   
    css
   
   border-style: dashed;
你还可以通过设置 border-width 属性来控制
   
    虚线
   
   的粗细程度,如下所示:
```
   
    css
   
   border-style: dashed;
border-width: 2px; /* 设置
   
    虚线
   
   的宽度为 2 像素 */