CSS border-bottom プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

下ボーダーのスタイルを設定します:

p {
    border-style: solid;
    border-bottom: thick dotted #ff0000;
}
Try it Yourself ❯

定義と用法

border-bottom ショートハンド・プロパティは、1 回の宣言で全てのbottom borderプロパティを設定します。

プロパティは次の順に設定されます:border-bottom-width、border-bottom-style、border-bottom-color。

上記値のうちの1つを省略しても問題ありません。例えば、 border-bottom:solid #ff0000; のような指定が可能です。

デフォルト値: medium none color
継承: 継承する
アニメーション可否: yes, 個別のプロパティを参照してください. animatable を参照 Try it
バージョン: CSS1
JavaScript 構文: object.style.borderBottom="3px solid blue" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

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

注: 各ブラウザのサポートは、下の数字をご覧ください。


CSS 構文

border-bottom: border-width border-style border-color|initial|inherit;

プロパティの値

説明
border-bottom-width 下ボーダーの幅を指定します。デフォルト値は "medium" です
border-bottom-style 下ボーダーのスタイルを指定します。デフォルト値は "none" です
border-bottom-color 下ボーダーの色を指定します。デフォルト値は要素の色です
initial プロパティにデフォルト値を設定します。initial を参照
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル: CSS Border

HTML DOM リファレンス: borderBottom プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯