CSS

Cascading Style Sheets border-bottom-color property.

border-bottom-color

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

書式
border-bottom-color:
適用対象
すべての要素
初期値
color プロパティの値
値の継承
しない
指定できる値
ボーダー色を RGB 値またはキーワードで指定します。詳しい指定方法については「色の指定(単位)」を参照してください。
transparent
ボーダーを透明にします。ボックスに背景が適用されている場合は、背景が透けて見える状態になります。

使用例

CSS source


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

HTML source


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

Sample

下側のボーダーの色に #0000ff を指定しています。

下側のボーダーの色に red を指定しています。