A.T-MOON

contents

パンくずリスト

メッセージエリア



    テーブルの枠の指定

メッセージエリア


マーク テーブルの外枠の太さ指定 <table border="A">〜</table>

<table>タグborder属性を使ってテーブルの外枠の太さを指定します。
Aには1以上の数値をピクセルで指定します。
border属性を指定しなかったり、border="0"を指定すると外枠は表示されません。

※例)
セル1 セル2 セル3
セル4 セル5 セル6
上の囲まれている部分がborder="5"のテーブルです
<html>
 <head>
  <title>ココにタイトル</title>
 </head>
 <body>
 <font color=red>※例</font><br>
 <table border="5">
  <tr>
   <td>セル1</td>
   <td>セル2</td>
   <td>セル3</td>
  </tr>
  <tr>
   <td>セル4</td>
   <td>セル5</td>
   <td>セル6</td>
  </tr>
 </table>
 上の囲まれている部分がborder="5"のテーブルです
 </body>
</html>

ページTOP



マーク テーブルの内枠の太さ指定 <table cellspacing="A">〜</table>

<table>タグcellspacing属性を使ってテーブルの内枠の太さを指定します。
本来cellspacingは、テーブルの外枠とセル、及びセルとセルの間隔の指定をするものですが
見た目にはテーブルの内枠の太さが変更されたようになります。
Aには数値をピクセルで指定します。
cellspacing属性を指定しない場合は、cellspacing="2"と同じになります(デフォルト)。

※例)
セル1 セル2 セル3
セル4 セル5 セル6
上の囲まれている部分が
border="2" cellspacing="10"のテーブルです
<html>
 <head>
  <title>ココにタイトル</title>
 </head>
 <body>
 <font color=red>※例</font><br>
 <table border="2" cellspacing="10">
  <tr>
   <td>セル1</td>
   <td>セル2</td>
   <td>セル3</td>
  </tr>
  <tr>
   <td>セル4</td>
   <td>セル5</td>
   <td>セル6</td>
  </tr>
 </table>
 上の囲まれている部分が<br>
 border="2" cellspacing="10"のテーブルです
 </body>
</html>
cellspacing属性はテーブルのサイズに影響を与えます。
width属性height属性でテーブルの幅を指定する場合は注意しましょう。

ページTOP



マーク テーブルの外枠の表示指定 <table frame="A">〜</table>

<table>タグframe属性を使ってテーブルの外枠の表示指定します。
Aには属性の値を入れましょう。

A 外枠の表示
void(デフォルト) 外枠なし
above 上のみ表示
below 下のみ表示
hsides 上下のみ表示
vsides 左右のみ表示
lhs 左側のみ表示
rhs 右側のみ表示
box 外枠全て表示
border 四辺の縁取り
below 下のみ表示


above
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


below
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


hsides
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


vsides
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


lhs
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


rhs
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


box
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


border
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4

ページTOP



マーク テーブルの内側罫線の表示指定 <table rules="A">〜</table>

<table>タグrules属性を使ってテーブルの内側罫線の表示指定します。
Aには属性の値を入れましょう。

A 内側罫線の表示
none(デフォルト) 罫線なし
groups thead,tfoot,tbody,colgroup,colの境界のみ表示
rows 横の列の境界のみ表示
cols 縦の列の境界のみ表示
all 全ての境界を表示


groups
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


rows
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


cols
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4


all
テーブル@−1 テーブル@−2
テーブル@−3 テーブル@−4

ページTOP

テーブルのサイズの指定 テーブルのセル内の指定(table