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
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }