WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > border-top-color
border-top-color  ボーダー 

上ボーダーの色を設定。

このエントリーをはてなブックマークに追加

上下左右のボーダーの色をまとめて指定する際には、border-colorなどを使用してください。

書式

border-top-color: 色 ; (例) border-top-color: red ;

パラメーター


・#000000 といったカラーコードや redやblueといったカラーネームで色指定。
・transparent 透明。

サンプルコード

<div style="border-style:solid; border-top-color: blue;">あいうえお</div>
<div style="border-style:solid; border-top-color: #ff0000">かきくけこ</div>
<div style="border-style:solid; border-width:5px; border-top-color: orange;">さしすせそ</div>
あいうえお
かきくけこ
さしすせそ