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

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

下ボーダーの色を設定。

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

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

書式

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

パラメーター

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

サンプルコード

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