CSS

Cascading Style Sheets border-left-color property.

border-left-color

　border-left-colorプロパティは、左側のボーダーの色を指定する際に使用します。上下左右のボーダーの色をまとめて指定する際には、border-color を使用してください

書式

border-left-color: 値

適用対象

すべての要素

初期値

color プロパティの値

値の継承

しない

指定できる値

色

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

transparent

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

使用例

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

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