最新的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對象