最新的Web开发教程
 

Style borderBottom Property

<Style对象

底部边框添加到<div>元素:

document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

该borderBottom属性设置或返回多达三个独立的下边框的属性,以简写形式。

有了这个属性,你可以设置/返回的一个或多个以下(in any order)

  • 边界底部宽度
  • 下边框样式
  • 底部边框颜色

浏览器支持

在表中的数字规定,完全支持该财产浏览器版本。

属性
borderBottom 1.0 4 1.0 1.0 3.5

句法

返回borderBottom属性:

object .style.borderBottom

设置borderBottom属性:

object .style.borderBottom=" 属性值
参数 描述
width 设置在底边框的宽度
style 设置底边框的样式。
color 设置在底边框的颜色
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 未标明
返回值: 一个字符串,表示元件的底部边界的宽度,样式和/或颜色
CSS版本 CSS1

更多示例

改变宽度,样式和底部边界的颜色<div>元素:

document.getElementById("myDiv").style.borderBottom = "thin dotted red";
试一试»

返回的边界底部的属性值<div>元素:

alert(document.getElementById("myDiv").style.borderBottom);
试一试»

相关页面

CSS教程: CSS边框

CSS参考: border-bottom property

HTML DOM参考: border property


<Style对象