CSS

Cascading Style Sheets border-top-color property.

border-top-color

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

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

使用例

CSS source


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

HTML source


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

Sample

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

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