前へ 目次 次へ
テーブルの大きさやセル間隔などの指定
 

ここでは、テーブルの大きさの指定と、セル枠やセル内のマージンを指定してみましょう。

 
テーブルの幅、高さの指定 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-2144FET13Kg-cm
Hitec HS-5645MG12.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-2144FET13Kg-cm
Hitec HS-5645MG12.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-2144FET13Kg-cm
Hitec HS-5645MG12.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-2144FET13Kg-cm
Hitec HS-5645MG12.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-2144FET13Kg-cm
Hitec HS-5645MG12.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-2144FET13Kg-cm
Hitec HS-5645MG12.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-2144FET13Kg-cm
Hitec HS-5645MG12.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-2144FET13Kg-cm
Hitec HS-5645MG12.1Kg-cm(6.0V時)
 
2003/07/09(Wed)
トップページへ
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送