定义和用法
该borderBottomStyle属性设置或返回元素的下边框的风格。
浏览器支持
在表中的数字规定，完全支持该财产浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
注：值"hidden"是不是在IE7和更早版本的支持。 IE9及更高版本支持"hidden" 。
句法
返回borderBottomStyle属性：
object .style.borderBottomStyle
设置borderBottomStyle属性：
object .style.borderBottomStyle= value 属性值
| 值 | 描述 |
|---|---|
| none | 定义无边框。 这是默认 |
| hidden | 同"none" ，除了在边境解决冲突表格元素 |
| dotted | 定义虚线边框 |
| dashed | 定义一个虚线框 |
| solid | 定义了坚实的边界 |
| double | 定义了两个边界。 两个边框的宽度是相同的边框宽度值 |
| groove | 定义3D沟槽边界。 该效果取决于边框颜色值 |
| ridge | 定义3D脊边界。 该效果取决于边框颜色值 |
| inset | 定义3D插图边框。 该效果取决于边框颜色值 |
| outset | 3D突出边框。 该效果取决于边框颜色值 |
| initial | 将此属性设置为默认值。 阅读关于初始 |
| inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
| 默认值： | 没有 |
|---|---|
| 返回值： | 一个字符串，代表一个元素的下边框的样式 |
| CSS版本 | CSS1 |
更多示例
例
更改的底部边框的样式<div>元素，以"dotted" ：
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
试一试» 例
所有不同值的演示：
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; 试一试» 相关页面
CSS教程： CSS边框
CSS参考： border-bottom-style property
HTML DOM参考： border property
<Style对象