Style borderBottom 屬性

定義和用法

borderBottom 屬性以簡寫形式設置或返回最多三個單獨的 border-bottom 屬性。

使用此屬性，您可以設置/返回以下一項或多項（以任意順序）：

另請參閱：

CSS 教程：CSS 邊框

CSS 參考手冊：border-bottom 屬性

HTML DOM 參考手冊：border 屬性

實例

例子 1

為 <div> 元素添加下邊框：

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

親自試一試

例子 2

改變 <div> 元素下邊框的寬度、樣式和顏色：

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

親自試一試

例子 3

返回 <div> 元素的 border-bottom 屬性值：

alert(document.getElementById("myDiv").style.borderBottom);

親自試一試

語法

返回 borderBottom 屬性：

object.style.borderBottom

設置 borderBottom 屬性：

object.style.borderBottom = "width style color|initial|inherit"

屬性值

值 描述
width 設置下邊框的寬度。
style 設置下邊框的樣式。
color 設置下邊框的顏色。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： not specified
返回值： 字符串，表示元素下邊框的寬度、樣式和/或顏色。
CSS 版本： CSS1

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5