境界線の色を2色で指定する

<table border="" bordercolorlight="" bordercolordark=""></table>

table要素に bordercolorlight="" と bordercolordark="" を追加すると、境界線の色を2色で指定することができます。

※境界線を表示させるには、table要素にborder属性を指定しておく必要があります。


<table border="5" bordercolorlight="#b9dcff" bordercolordark="#006fdd"> ～ </table>

属性	値	説明
bordercolorlight=""	色	境界線の明るい部分の色を指定
bordercolordark=""	色	境界線の暗い部分の色を指定

上記の属性は、HTML 4.01では定義されていません。

色の指定は、ハッシュ（ # ）で始まる6桁のカラーコードか、redやgreen、whiteといったカラーネームで行います。詳細についてはカラーチャートのページをご覧ください。

IEの場合、bordercolor属性の指定では平面的な境界線になってしまいますが、この属性の指定では境界線を立体的に見せることができます。

［IEの表示例］

スタイルシートでも立体的な境界線を表現することができます。（上下左右の境界線の色を個別に指定します）


<table border="5" bordercolorlight="#b9dcff" bordercolordark="#006fdd">
<tr>
<td>データセル1</td>
<td>データセル2</td>
<td>データセル3</td>
</tr>
</table>

表示例

データセル1

データセル2

データセル3