CSS

Cascading Style Sheets border-left-color property.

border-left-color

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

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

使用例

CSS source


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

HTML source


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

Sample

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

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