Style borderBottomStyle 屬性

定義和用法

borderBottomStyle 屬性設置或返回元素下邊框的樣式。

另請參閱：

CSS 教程：CSS 邊框

CSS 參考手冊：border-bottom-style 屬性

HTML DOM 參考手冊：border 屬性

實例

例子 1

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

document.getElementById("myDiv").style.borderBottomStyle = "solid";

親自試一試

例子 2

將 <div> 元素下邊框的樣式更改為 "dotted"：

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

親自試一試

例子 3

返回 <div> 元素的下邊框樣式：

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

親自試一試

例子 4

對所有不同值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

親自試一試

語法

返回 borderBottomStyle 屬性：

object.style.borderBottomStyle

設置 borderBottomStyle 屬性：

object.style.borderBottomStyle = value

屬性值

值 描述
none 定義無邊框。默認。
hidden 與 "none" 相同，但在解決表格元素的邊框沖突中除外。
dotted 定義點狀邊框。
dashed 定義虛線邊框。
solid 定義實心邊框。
double 定義兩個邊界。兩個邊框的寬度與 border-width 的值相同。
groove 定義 3D 凹槽邊框。效果取決于 border-color 的值。
ridge 定義 3D 脊狀邊界。效果取決于 border-color 的值。
inset 定義 3D inset 邊框。效果取決于 border-color 的值。
outset 定義 3D outset 邊框。效果取決于 border-color 的值。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： none
返回值： 字符串，表示元素下邊框的樣式。
CSS 版本： CSS1

瀏覽器支持

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

注釋：IE7 及更早版本不支持值 "hidden"。IE9 及更高版本支持 "hidden"。