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 2つの境界を定義します。2つの枠の幅は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」がサポートされています。