Style borderBottom 属性

定義と用法

borderBottom 属性は短縮形式で設定または返し、最も多くの3つの独立した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