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 |
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 プロパティ