border-top

border-top

上辺の罫線に関する値を一括で指定するプロパティ。

borderは4辺の罫線のスタイルを一括で指定するのに対し、border-topは4辺のうちの上辺のみに指定が反映される。（他の1辺のみ指定する場合は、border-bottom（下）、border-right（右）、border-left（左）を利用する。）

border-topプロパティの書き方

複数の値を半角スペースで区切って指定。

border-top { 線種 太さ 色 }

値

使用例 - サンプル(A) / サンプル(B) / サンプル(C)

.sampleA { border-top:solid 5px #ff9900; }

<p class="sampleA">テキストテキスト</p>

.sampleB { border-top:dotted 2px #0000ff; }

<p class="sampleB">テキストテキスト</p>

.sampleC { border-top:double 7px #009900; }

<p class="sampleC">テキストテキスト</p>