向 <div> 元素添加底部边框:
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
亲自试一试 »
下面有更多 "亲自试一试" 示例。
borderBottom 属性以简写形式设置或返回最多三个单独的 border-bottom 属性。
使用此属性,您可以设置/返回以下一项或多项(按任意顺序):
表中的数字指定完全支持该属性的第一个浏览器版本。
Property | |||||
---|---|---|---|---|---|
borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
返回 borderBottom 属性:
object.style.borderBottom
设置 borderBottom 属性:
object.style.borderBottom
= "width style color|initial|inherit"
Parameter | Description |
---|---|
width | Sets the width of the bottom border |
style | Sets the style of the bottom border |
color | Sets the color of the bottom border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
默认值: | 未指定 |
---|---|
返回值: | 一个字符串,表示元素下边框的宽度、样式和/或颜色 |
CSS版本 | CSS1 |
更改 <div> 元素下边框的宽度、样式和颜色:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
亲自试一试 »
返回 <div> 元素的 border-bottom 属性值:
alert(document.getElementById("myDiv").style.borderBottom);
亲自试一试 »
CSS教程:CSS 边框
CSS 参考:边框底部属性
HTML DOM 参考:边境属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!