CSS border-bottomプロパティ


例

下部の境界線スタイルを設定します:

p { border-style:solid; border-bottom:thick dotted #ff0000; }

試してみる »

タグの定義と使用説明

border-bottom 省略プロパティは、1つの宣言で下部の境界線に関するすべてのプロパティを設定します。

設定できるプロパティはそれぞれ(順に):border-bottom-width、border-bottom-style、そしてborder-bottom-color です。

上記の値の一部が欠けていても問題ありません。例えば、border-bottom:#FF0000; は許可されています。

デフォルト値: not specified
継承: no
バージョン: CSS1
JavaScript 構文: object object.style.borderBottom="3px solid blue"


ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示しています。

プロパティ
border-bottom 1.0 4.0 1.0 1.0 3.5

プロパティ値

值 説明
border-bottom-width 下部の境界線の幅を指定します
border-bottom-style 下部の境界線のスタイルを指定します
border-bottom-color 下部の境界線の色を指定します
inherit border-bottom プロパティの値を親要素から継承することを指定します


関連記事

CSS チュートリアル:CSS ボーダー

その他の拡張