English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSSのborder-bottom-color属性は、要素の下辺の色を独立して設定するために使用されます。しかし、実際の作業では、通常borderのショートカット記法であるborderを使用します。border-colorまたはborder-bottomこれを使って、borderのスタイルや色を設定します。
以下の表は、この属性の使用文脈とバージョン履歴をまとめています。
| デフォルト値： | color属性値 |
|---|---|
| 適用： | すべての要素 |
| 継承： | ありません |
| アニメーション可能： | はい。参照 アニメーション属性。 |
| バージョン： | CSS 1、2、3 |
| JavaScript文法： | object object.style.borderBottomColor="red" |
この属性の文法は以下の通りです：
border-bottom-color: color | transparent | inherit
以下の例では、borderを使用する方法を示しています。-bottom-color属性。
p {
border-style: solid;
border-bottom-color: #ff0000;
}テストをしてみる‹/›注意：CSS border-bottom-color属性の前の宣言border-styleこの属性は、要素がborderを持っている場合にのみ、borderの色を設定できます。
以下の表は、この属性の値を説明しています。
| 値 | 説明 |
|---|---|
| 色 | 上部のborderの色を指定します。参照CSS色値可能な色値のリストを取得するために使用します。 |
| transparent | 边框透明を許可しますが、それが占める可能性がある。border-width属性設定のスペース。 |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素のborderを使用します。-bottom-color属性の計算値。 |
border-bottom-color属性のブラウザの互換性について、以下の表の数字は、その属性をサポートするブラウザの最低バージョン番号を示しています。すべての主要ブラウザはこの属性をサポートしています。
|
参照教程：CSS Border、CSS3 Border。
関連属性：border、border-color、border-bottom、border-bottom-style、
border-bottom-width。