目录

style borderBottom 属性

示例

向 <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 参考:边境属性