HOME >> HTML > テーブルの枠線の色を指定する

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のみに対応しています。 

サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
6/36/46/5
休み学校バイト
ソース
<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
ホーム(H)メニュー(M)戻る(B)進む(N)
6/36/46/5
休み学校バイト
ソース
<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>
スポンサード・リンク
Copyright ©2001〜2016 まさぼ〜 All Right Reserved