Style borderBottom 属性
实例
更改 div 元素的下边框:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
亲自试一试 »
页面下方有更多实例。
定义和用法
borderBottom 属性以速记形式设置或返回三个独立的下边框属性。
通过该属性，您可以设置/返回：
- border-bottom-width
- border-bottom-style
- border-bottom-color
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
语法
返回 borderBottom 属性:
object.style.borderBottom
设置 borderBottom 属性:
object.style.borderBottom = "width style color|initial|inherit"
属性值
| 参数 | 描述 |
|---|---|
| width | 设置下边框的宽度。 |
| style | 设置下边框的样式。 |
| color | 设置下边框的颜色。 |
| initial | 设置该属性为它的默认值。请参阅 initial |
| inherit | 从父元素继承该属性。请参阅 inherit |
技术细节
| 默认值: | not specified |
|---|---|
| 返回值: | 字符串，表示元素下边框的宽度、样式或颜色 |
| CSS 版本 | CSS1 |
更多实例
实例
更改 div 元素下边框的宽度、样式和颜色:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
亲自试一试 »
相关页面
CSS 教程: CSS Border
CSS 参考手册: border-bottom 属性
HTML DOM 参考手册: border 属性
❮ Style 对象
