point テーブルの枠線の色を指定する

<table bordercolor="カラー名かRGB値">〜</table>
 <table bordercolorlight="カラー名かRGB値">〜</table>
 <table bordercolordark="カラー名かRGB値">〜</table>

<table>タグのbordercolor属性、bordercolorlight属性、bordercolordark属性を使えば枠線の色を指定することが出来ます。

これらの属性の使い方ですが、テーブル全体の枠線の色を指定する場合は、bordercolor属性を使います。外枠と内枠がすべて指定した色になります。

ただし、Netscapeでは外枠のみに指定された色をベースに左と上の枠線は明るく、右と下の枠線は暗く表示されます。

次に、枠線の色を2色で指定するには、bordercolorlight属性bordercolordark属性を使います。bordercolorlight属性で、外枠の左と上の枠線、内枠の右と下の枠線の色を、bordercolordark属性で、外枠の右と下の枠線、内枠の左と上の線の色を指定できます。

言葉での説明より、実際の表示例を見た方が分かりやすいと思いますので、下のサンプルを見て理解して下さい。なお、この2つの属性はInternet Explorerのみに対応しています。 

枠線の色指定もCSSで可能です。border-colorプロパティなどを使用しましょう。

サンプル - Microsoft Internet Explorer
6/36/46/5
休み学校バイト

HTML
<table bordercolor="green" border="5" width="230">

<tr>
<td>6/3</td><td>6/4</td><td>6/5</td>
</tr>
<tr>
<td>日</td><td>月</td><td>火</td>
</tr>
<tr>
<td>休み</td><td>学校</td><td>バイト</td>
</tr>
</table> 

サンプル - Microsoft Internet Explorer
6/36/46/5
休み学校バイト

HTML
<table bordercolorlight="green" bordercolordark="red" border="5" width="230">
<tr> <td>6/3</td><td>6/4</td><td>6/5</td> </tr> <tr> <td>日</td><td>月</td><td>火</td></tr> <tr> <td>休み</td><td>学校</td><td>バイト</td> </tr> </table> 

スポンサード・リンク