例
下の枠線を追加し<div>要素：
document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF"; »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
borderBottomプロパティセットまたは短縮形で、3つの別個のボーダー底特性まで戻ります。
このプロパティを使用すると、の一つ以上を返す/設定することができ、次の(in any order) ：
- border-bottom-幅
- border-bottom-スタイル
- border-bottom-色
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| borderBottom | 1.0 | 4.0 | 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"; »それを自分で試してみてください
例
ののborder-bottomプロパティの値を返す<div>要素を：
alert(document.getElementById("myDiv").style.borderBottom); »それを自分で試してみてください
関連ページ
CSSチュートリアル： CSSボーダー
CSSリファレンス： border-bottom property
HTML DOMリファレンス： border property
<スタイルオブジェクト