border-color

Home>CSS>プロパティリファレンス>border-color

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

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

border-colorプロパティの役割

border-colorプロパティは、ボックスの上下左右の枠線の色を一括して指定します。

個別に上下左右の枠線の色を指定する場合には、以下のプロパティを参照してください。

border-colorプロパティに設定できる値

16進数 #FFFFFF又は#FFF(白の場合)
RGB3原色 rgb(255,255,255)又はrgb(100%,100%,100%)(白の場合)
色名 white(白の場合)。色名一覧参照
inherit 上位要素の色を反映。
transparent 透明。上位要素の背景を表示する。

border-colorプロパティの初期値は前景色(文字色)です。前景色はcolorプロパティで設定します。

border-colorプロパティの使い方

<table>
<tr><td style="border-color:#FF0000;border-style:solid;border-width:3px;">&nbsp;</td></tr>
<tr><td style="border-color:#0000FF;border-style:solid;border-width:3px;">&nbsp;</td></tr>
</table>

 
 

border-colorプロパティだけでは枠線は表示されません。同時に、border-widthborder-styleも指定します。

関連リンク

よく読まれている記事

UpDate:2010-7-5