 サンプル - Microsoft Internet Explorer | |||||||||
|
テーブルの枠線の色を指定する
■
<table bordercolor="カラー名かRGB値">〜</table>
<table bordercolorlight="カラー名かRGB値">〜</table>
<table bordercolordark="カラー名かRGB値">〜</table>
<table bordercolorlight="カラー名かRGB値">〜</table>
<table bordercolordark="カラー名かRGB値">〜</table>
<table>タグのbordercolor属性、bordercolorlight属性、bordercolordark属性を使えば枠線の色を指定することが出来ます。
これらの属性の使い方ですが、テーブル全体の枠線の色を指定する場合は、bordercolor属性を使います。外枠と内枠がすべて指定した色になります。
ただし、Netscapeでは外枠のみに指定された色をベースに左と上の枠線は明るく、右と下の枠線は暗く表示されます。
次に、枠線の色を２色で指定するには、bordercolorlight属性、bordercolordark属性を使います。bordercolorlight属性で、外枠の左と上の枠線、内枠の右と下の枠線の色を、bordercolordark属性で、外枠の右と下の枠線、内枠の左と上の線の色を指定できます。
言葉での説明より、実際の表示例を見た方が分かりやすいと思いますので、下のサンプルを見て理解して下さい。なお、この２つの属性はInternet Explorerのみに対応しています。
枠線の色指定もCSSで可能です。border-colorプロパティなどを使用しましょう。
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 | |||||||||
|
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>