CSS ボーダーボトムカラー属性

定義と使用方法

border-bottom-color は要素の下縁の色を設定します。

純色のみを定義でき、边框のスタイルが none または hidden でない値である場合にのみ边框が表示されます。

注釈：常に border-style 属性を border-color 属性よりも前に宣言してください。要素は色を変更する前に边框を取得する必要があります。

も参照してください：

CSS 教程：CSS 枠線

CSS 参考手帳：border-bottom 属性

HTML DOM 参考手帳：borderBottomColor 属性

例

下縁の色の設定：

p
  {
  border-style:solid;
  border-bottom-color:#ff0000;
  }

実際に試してみる

CSS 语法

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

属性値

値 説明
color_name 色名を指定する边框色を規定します（例：red）。
hex_number 十六進値の色値を指定する边框色を規定します（例：#ff0000）。
rgb_number rgb 代码の色値を指定する边框色を規定します（例：rgb(255,0,0)）。
transparent デフォルト値。边框色は透明です。
inherit 親要素から边框色を継承する規定です。

技術的詳細

デフォルト値： not specified
継承性： no
バージョン： CSS1
JavaScript 语法： object.style.borderBottomColor="blue"

さらに多くの例

下縁の色の設定
この例では、下縁の色を設定する方法を示します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

注釈：Internet Explorer 6（および以前のバージョン）では属性値 "transparent" をサポートしません。

注釈：IE7 以前のブラウザでは値 "inherit" をサポートしません。IE8 では !DOCTYPE が必要です。IE9 では "inherit" をサポートします。