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 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
如果 border-bottom-width 设置为 0 ,本属性将失去作用。
对应的脚本特性为 borderBottomStyle 。
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }