<TABLE bordercolor="">枠線の色を変更する

<TABLE>タグにbordercolor、bordercolorlight、bordercolordarkの各属性を指定するとテーブル(表)の枠線の色を変更することができます。

bordercolorはテーブル(表)全体の枠線の色を、bordercolorlightはテーブル(表)全体の枠線のうち左と上の枠線の色を、bordercolordarkはテーブル(表)全体の枠線のうち右と下の枠線の色を指定することができます。

なおこれらの属性はInternet Explorerが独自に拡張した属性となるほか、HTML4.01の仕様には含まれていません。 ですのでテーブル(表)の枠線の色を変更したい場合は、スタイルシートを使用するようにしましょう。

スタイルシートで枠線の色を変更する場合は、border-colorプロパティなどを使います。

使用した時の例

<table border="2" border-color="blue">
  <tr>
     <th>見出し1</th>
     <th>見出し2</th>
     <th>見出し3</th>
  </tr>
  <tr>
     <td>データ1</td>
     <td>データ2</td>
     <td>データ3</td>
  </tr>
  <tr>
     <td>データ4</td>
     <td>データ5</td>
     <td>データ6</td>
  </tr>
</table>

<table border="2" bordercolorlight="blue">
  <tr>
     <th>見出し1</th>
     <th>見出し2</th>
     <th>見出し3</th>
  </tr>
  <tr>
     <td>データ1</td>
     <td>データ2</td>
     <td>データ3</td>
  </tr>
  <tr>
     <td>データ4</td>
     <td>データ5</td>
     <td>データ6</td>
  </tr>
</table>

<table border="2" bordercolordark="blue">
  <tr>
     <th>見出し1</th>
     <th>見出し2</th>
     <th>見出し3</th>
  </tr>
  <tr>
     <td>データ1</td>
     <td>データ2</td>
     <td>データ3</td>
  </tr>
  <tr>
     <td>データ4</td>
     <td>データ5</td>
     <td>データ6</td>
  </tr>
</table>

ブラウザ上の表示例

見出し1 見出し2 見出し3
データ1 データ2 データ3
データ4 データ5 データ6
見出し1 見出し2 見出し3
データ1 データ2 データ3
データ4 データ5 データ6
見出し1 見出し2 見出し3
データ1 データ2 データ3
データ4 データ5 データ6

対応ブラウザなどのデータ

形式 <TABLE bordercolor="">~</TABLE> 分類 ブロックレベル要素
開始タグ 必須 終了タグ 必須