■□テーブル枠の色を変更する


テーブル枠の色の設定には 「<TABLE>」 タグの 「border-color」 属性を使用して設定します。
色の指定には10進数指定と16進数指定、カラーネームの指定が使用できます。

指定しない場合はブラウザで指定された標準の色の枠が表示されます。


テーブル枠の色の設定方法

[ 成績表 ]

<TABLE border-color=" blanchedalmond lightyellow cornsilk antiquewhite papayawhip lemonchiffon beige linen oldlace lightcyan aliceblue whitesmoke lavenderblush florawhite mintcream ghostwhigt honeydew seashell ivory azure snow white gainsboro lightgrey silver darkgray lightslategray slategray gray dimgray darkslategray black lawnggreen greenyellow chartreuse lime limegreen yellowgreen olive olivedrab darkolivegreen paleturquoise darkgreen green seagreen mediumseagreen darkseagreen lightgreen palegreen springgreen mediumspringgreen teal darkcyan lightseagreen mediumaquamarine cadetblue steelblue aquamarine powderblue paleturquoise lightblue lightsteelblue skyblue lightskyblue mediumturquoise turquoise darkturquoise aqua red crimson maroon darkred brown sienna saddlebrown indianred rosybrown lightcoral salmon darksalmon coral tomato sandybrown lightsalmon peru chocolate orange orange darkorange tan peachpuff bisque moccasin navajowhite wheat burlywood darkgoldenrod goldenrod gold yellow lightgoldenrodyellow palegoldenrod khaki darkkhaki cyan deepskyblue dodgerblue cornfloweblue royalbule blue mediumbule navy darkblue midnightblue darkslateblue slateblue mediumsateblue mediumpurple darkorchid darkviolet blueviolet mediumorchid plum lavender thistle orchid violet indigo darkmagenta purple mediumvioletret deeppink fuchsia magenta hotpink palevioletred lightpink pink mistyrose">
   <TR>
      <TH> 国語 </TH>
      <TH> 数学 </TH></TR>
   <TR>
      <TD> 52 </TD>
      <TD> 88 </TD></TR>
   <TR>
      <TD> 73 </TD>
      <TD> 62 </TD></TR>
   <TR>
      <TD> 92 </TD>
      <TD> 65 </TD></TR></TABLE>

   ↓

国語	数学
52	88
73	62
92	65

* サンプルの枠線は実際の表示と多少異なります。



関連ページ

1. 表（テーブル）を作る
2. 枠の太さを指定する
3. 枠の色を変更する
4. セル内の余白を設定する
5. セルとセルの感覚を設定する
6. テーブルの位置を指定する
7. セルとセルを結合する