border-color
Home>CSS>プロパティリファレンス>border-color
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;"> </td></tr>
<tr><td style="border-color:#0000FF;border-style:solid;border-width:3px;"> </td></tr>
</table>
border-colorプロパティだけでは枠線は表示されません。同時に、border-width、border-styleも指定します。
関連リンク
- プロパティリファレンス:border
- プロパティリファレンス:border-collapse
- プロパティリファレンス:border-style
- プロパティリファレンス:border-width
- プロパティリファレンス:border-bottom
- プロパティリファレンス:border-left
- プロパティリファレンス:border-right
- プロパティリファレンス:border-top
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-7-5