border-bottom-color CSS プロパティとは
トピック：border-bottom-color CSSプロパティは、要素の下枠の色を個別に設定することができる 多くの場合、border-colorやborder-bottomのような簡略化されたCSSプロパティが使いやすい
プロパティ border-bottom-color
実例 コード 1
サンプル コードを試すp { border-style: solid; border-bottom-color: #ff0000;}
情報：border-bottom-color プロパティは1つの値で指定する
プロパティ 定義と使用法
| デフォルト値・初期値 : | currentcolor |
|---|
| 適用対象 : | 全要素。 ::first-letter にも適用されます。 |
|---|
| 継承 : | 不可 |
|---|
| メディア : | visual |
|---|
| 計算値 : | 計算された色 |
|---|
CSS Version | CSS1 ～ |
|---|
| アニメーションの種類 : | 色 |
|---|
| JavaScript 構文 | object.style.borderBottomColor="blue" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | border-bottom-color: color |transparent |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
color | 上のボーダーの色を指定する 可能なカラー値のリストについては、「CSSカラー値」を参照 |
transparent | 境界線を透明にすることができますが、border-widthプロパティによって設定された領域を占有する可能性があります。 |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| border-bottom-color | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯1 | フルサポート◯12 | フルサポート◯1 | フルサポート◯4 | フルサポート◯3.5 | フルサポート◯1 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| border-bottom-color | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯1 | 不明 | フルサポート◯あり | フルサポート◯4 | フルサポート◯11 | フルサポート◯1 | 不明 |
|---|
：border-bottom-color 関連記事 
CSS border-bottom-color | CSS プロパティ 値| 意味 使い方 実例 – WebRef