MB-Support

パソコン初心者のサポートページ

表(テーブル)の枠の色を変更する方法 table bordercolor

 表(テーブル)要素に border (ボーダー) を 1 以上に設定して bordercolor で色を指定します。テーブルと各セルは bordercolor を変更する事ができます。


表(テーブル)の枠の色を変えるには、まず、border ( ボーダー ) を表示させるために、border="1" を挿入して(数字は1以上)、bordercolor="カラーコード・カラーネーム" を挿入します。<table> に bordercolor を指定した場合、テーブルに含まれるセルの枠線も、そのボーダーカラーに統一されます。



HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
 <table border="1" bordercolor="blue">
  <tr>
   <td>ホームズの思い出</td> 
   <td>ホームズの事件簿</td>
  </tr>
 </table>
</body>
</html>

ブラウザ


セル枠の色を変更する

セルの枠の色を変更するには <td> に bordercolor="カラーコード・カラーネーム" を挿入します。 ただし、 td 毎に指定して有効になるのは、Internet Explorer だけとなり、他のブラウザでは無視されます。 先に提示したサンプル、 tablebordercolor を指定した場合は他のブラウザでも有効です。できれば td 毎に bordercolor を指定するは避けた方が良いでしょう。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
 <table border="1">
  <tr>
   <td bordercolor="blue">ホームズの思い出</td> 
   <td>ホームズの事件簿</td>
  </tr>
 </table>
</body>
</html>

ブラウザ


例:テーブルの枠とセルの枠を変更する

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
 <table border="20" bordercolor="#000000">
  <tr>
   <td bordercolor="blue">ホームズの思い出</td> 
   <td bordercolor="red">ホームズの事件簿</td>
  </tr>
 </table>
</body>
</html>

ブラウザ


上のサンプルも Internet Explorer では、テーブルの外枠と各セルの枠線が異なる表示が可能ですが、それ以外のブラウザでは table に指定した bordercolor が、各セルの枠線と同じになります。




戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項