テーブルの大きさやセル間隔などの指定
|
|
ここでは、テーブルの大きさの指定と、セル枠やセル内のマージンを指定してみましょう。
|
|
テーブルの幅、高さの指定 width(推奨しない),height(仕様に無い)
|
|
テーブルの幅は width 属性で指定します。
高さについては height 属性が使えますが、HTML4.01の仕様にはありません。
ソース | 表示 |
<table border="2" width="200">
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td><td>13Kg-cm</td>
</tr>
<tr>
<td>Hitec HS-5645MG</td><td>12.1Kg-cm(6.0V時)</td>
</tr>
</table>
|
RCサーボモータ | トルク |
近藤科学 PDS-2144FET | 13Kg-cm |
Hitec HS-5645MG | 12.1Kg-cm(6.0V時) |
|
ソース | 表示 |
<table border="2" height="200">
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td><td>13Kg-cm</td>
</tr>
<tr>
<td>Hitec HS-5645MG</td><td>12.1Kg-cm(6.0V時)</td>
</tr>
</table>
|
RCサーボモータ | トルク |
近藤科学 PDS-2144FET | 13Kg-cm |
Hitec HS-5645MG | 12.1Kg-cm(6.0V時) |
|
|
|
セルの幅、高さの指定 width,height(ともに推奨しない)
|
|
セルの幅を指定するには width を、高さを指定するには height を使います。
width は、その列でもっとも大きな値に、height については、その行でもっとも大きな値に調整されます。
ソース | 表示 |
<table border="2">
<tr>
<th width="200">RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td><td>13Kg-cm</td>
</tr>
<tr>
<td>Hitec HS-5645MG</td><td>12.1Kg-cm(6.0V時)</td>
</tr>
</table>
|
RCサーボモータ | トルク |
近藤科学 PDS-2144FET | 13Kg-cm |
Hitec HS-5645MG | 12.1Kg-cm(6.0V時) |
|
ソース | 表示 |
<table border="2">
<tr height="200">
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td><td>13Kg-cm</td>
</tr>
<tr>
<td>Hitec HS-5645MG</td><td>12.1Kg-cm(6.0V時)</td>
</tr>
</table>
|
RCサーボモータ | トルク |
近藤科学 PDS-2144FET | 13Kg-cm |
Hitec HS-5645MG | 12.1Kg-cm(6.0V時) |
|
|
|
外枠と内枠の間隔を指定 cellspacing
|
|
table 要素の cellspacing 属性を用いることで、
セルの外枠と内枠の間隔を指定することができます。
ピクセルで指定してください。
ソース | 表示 |
<table border="2" cellspacing="0">
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td><td>13Kg-cm</td>
</tr>
<tr>
<td>Hitec HS-5645MG</td><td>12.1Kg-cm(6.0V時)lt;/td>
</tr>
</table>
|
RCサーボモータ | トルク |
近藤科学 PDS-2144FET | 13Kg-cm |
Hitec HS-5645MG | 12.1Kg-cm(6.0V時) |
|
ソース | 表示 |
<table border="2" cellspacing="10">
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td><td>13Kg-cm</td>
</tr>
<tr>
<td>Hitec HS-5645MG</td><td>12.1Kg-cm(6.0V時)</td>
</tr>
</table>
|
RCサーボモータ | トルク |
近藤科学 PDS-2144FET | 13Kg-cm |
Hitec HS-5645MG | 12.1Kg-cm(6.0V時) |
|
|
|
マージンの指定 cellpadding
|
|
table 要素の cellpadding 属性を用いると、
セルの内枠とデータの間の間隔(マージン)を指定することができます。
ピクセルで指定してください。
ソース | 表示 |
<table border="2" cellpadding="0">
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td><td>13Kg-cm</td>
</tr>
<tr>
<td>Hitec HS-5645MG</td><td>12.1Kg-cm(6.0V時)</td>
</tr>
</table>
|
RCサーボモータ | トルク |
近藤科学 PDS-2144FET | 13Kg-cm |
Hitec HS-5645MG | 12.1Kg-cm(6.0V時) |
|
ソース | 表示 |
<table border="2" cellpadding="10">
<tr>
<th>RCサーボモータ</th><th>トルク</th>
</tr>
<tr>
<td>近藤科学 PDS-2144FET</td><td>13Kg-cm</td>
</tr>
<tr>
<td>Hitec HS-5645MG</td><td>12.1Kg-cm(6.0V時)</td>
</tr>
</table>
|
RCサーボモータ | トルク |
近藤科学 PDS-2144FET | 13Kg-cm |
Hitec HS-5645MG | 12.1Kg-cm(6.0V時) |
|
|
|
2003/07/09(Wed) |
トップページへ |