CSS

Cascading Style Sheets border-bottom-color property.

border-bottom-color

　border-bottom-colorプロパティは、下側のボーダーの色を指定する際に使用します。上下左右のボーダーの色をまとめて指定する際には、border-color を使用してください。または、下側のボーダーの色だけでなくスタイルをまとめて指定する場合は、border-bottom を使用してください。

書式

border-bottom-color: 値

適用対象

すべての要素

初期値

color プロパティの値

値の継承

しない

指定できる値

色

ボーダー色を RGB 値またはキーワードで指定します。詳しい指定方法については「色の指定（単位）」を参照してください。

transparent

ボーダーを透明にします。ボックスに背景が適用されている場合は、背景が透けて見える状態になります。

使用例

p {
	border-style: solid;
}
p.sample1 {
	border-bottom-color: #0000ff;
}
p.sample2 {
	border-bottom-color: red;
}

<p class="sample1">下側のボーダーの色に #0000ff を指定しています。</p>
<p class="sample2">下側のボーダーの色に red を指定しています。</p>