border-style版本:CSS1  兼容性:IE4+ NS4+ 继承性:无
语法:
border-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 的值画3D凸槽
inset :根据 border-color 的值画3D凹边
outset :根据 border-color 的值画3D凸边
说明:
设置对象边框的样式。
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。如果只提供一个,将用于全部的四条边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block
对应的脚本特性为 borderStyle
示例:
body { border-style: double groove; }
body { border-style: double groove dashed; }