CSS border-bottom-color プロパティ

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

下ボーダーの色を設定します:

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

定義と用法

border-bottom-color プロパティは、要素の下ボーダーの色を設定します。

注: 常に border-bottom-color プロパティの前で、border-style プロパティを宣言してください。 色を変更する前に、要素にはボーダーがなければなりません。

デフォルト値: 要素の現在の色
継承: 継承する
アニメーション可否: 可。animatable を参照 Try it
バージョン: CSS1
JavaScript 構文: object.style.borderBottomColor="blue" Try it

ブラウザ・サポート

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

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

CSS 構文

border-bottom-color: color|transparent|initial|inherit;

プロパティの値

説明 Play it
color 背景色を指定します。 指定可能な色値の完全なリストについては、CSS の色値を参照してください。 デフォルトの色は要素の色です Play it ❯
transparent ボーダーの色を透明に指定します Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル: CSS Border

CSSリファレンス:border-bottom プロパティ

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


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