Style borderBottomStyle 属性

定义和用法

borderBottomStyle 属性设置或返回元素下边框的样式。

另请参阅:

CSS 教程:CSS 边框

CSS 参考手册:border-bottom-style 属性

HTML DOM 参考手册:border 属性

实例

例子 1

为 <div> 元素添加实心下边框:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

亲自试一试

例子 2

将 <div> 元素下边框的样式更改为 "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

亲自试一试

例子 3

返回 <div> 元素的下边框样式:

alert(document.getElementById("myDiv").style.borderBottomStyle);

亲自试一试

例子 4

对所有不同值的演示:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

亲自试一试

语法

返回 borderBottomStyle 属性:

object.style.borderBottomStyle

设置 borderBottomStyle 属性:

object.style.borderBottomStyle = value

属性值

描述
none 定义无边框。默认。
hidden 与 "none" 相同,但在解决表格元素的边框冲突中除外。
dotted 定义点状边框。
dashed 定义虚线边框。
solid 定义实心边框。
double 定义两个边界。两个边框的宽度与 border-width 的值相同。
groove 定义 3D 凹槽边框。效果取决于 border-color 的值。
ridge 定义 3D 脊状边界。效果取决于 border-color 的值。
inset 定义 3D inset 边框。效果取决于 border-color 的值。
outset 定义 3D outset 边框。效果取决于 border-color 的值。
initial 将此属性设置为其默认值。请参阅 initial
inherit 从其父元素继承此属性。请参阅 inherit

技术细节

默认值: none
返回值: 字符串,表示元素下边框的样式。
CSS 版本: CSS1

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

注释:IE7 及更早版本不支持值 "hidden"。IE9 及更高版本支持 "hidden"。