セル内の文字位置を指定する |
<tr align="" vAlign=""><td align="" vAlign=""> |
|
<tr>タグや<td>タグに align=""、vAlign="" を追加すると、セル内の文字の位置を指定できます。 |
|
<tr align="center" vAlign"top"> |
align="" (横方向) |
left | 左に表示(td初期値) |
center | 中央に表示(th初期値) |
right | 右に表示 |
justify | 両端揃えで表示 |
|
vAlign="" (縦方向) |
top | 上部に表示 |
middle | 中央に表示(初期値) |
bottom | 下部に表示 |
baseline | 1行目をベースラインで揃える |
|
|
※ <tr>タグに指定した場合 … 同一行の全てのセルに適用されます。
※ <td>タグ(<th>タグ)に指定した場合 … そのセルにだけ適用されます。 |
この指定内容は、スタイルシートで代替えできます。 |
|
★ 使用例とブラウザでの表示 |
|
使 用 例 |
|
ブラウザの表示 |
| |
☆align(横方向)の指定
<table border=1 width=280 height=60>
<tr><td align=left>左寄せ</td>
<td align=center>中央寄せ</td>
<td align=right>右寄せ</td></tr>
</table> |
※align(横方向)の初期値は、左寄せです。 |
☆vAlign(縦方向)の指定
<table border=1 width=280 height=60>
<tr><td vAlign=top>上部</td>
<td vAlign=middle>中央部</td>
<td vAlign=bottom>下部</td></tr>
</table> |
※vAlign(縦方向)の初期値は、中央部です。 |
☆<tr>タグと<td>タグで指定
<table border=1 width=280 height=60>
<tr align=center>
<td vAlign=top>上部</td>
<td vAlign=middle>中央部</td>
<td vAlign=bottom>下部</td></tr>
</table> |
|
|
|
|
関連するページ |
CSS スタイルシート:セル内の文字の位置を指定する |
|
セルの大きさ(幅と高さ)を指定する |
<td width="" height=""> |
|
<td>タグに width="" や height="" を追加すると、セルのサイズを指定できます。 |
|
<td width="400" height="100"> |
width="" |
横のサイズをピクセル数かパーセントで指定 |
height="" |
縦のサイズをピクセル数かパーセントで指定 |
|
※ サイズの指定がない場合は、セルの内容に応じて自動的に調整されます。
<th>タグにもこの指定が行えます。 |
これらの属性は、HTML4.01では非推奨とされています。詳細は、「非推奨タグと非推奨属性」のページをご覧下さい。 |
この指定内容は、スタイルシートで代替えできます。 |
|
★ 使用例とブラウザでの表示 |
|
使 用 例 |
|
ブラウザの表示 |
| |
☆width(横サイズ)をピクセル数で指定
<table border=1>
<tr><td width=100>100ピクセル</td>
<td width=150>150ピクセル</td></tr>
</table> |
|
☆width(横サイズ)とheight(縦サイズ)を ピクセル数で指定
<table border=1>
<tr height=50>
<td width=100>w100×h50</td>
<td width=150>w150×h50</td></tr>
</table> |
|
☆縦と横のサイズをパーセントで指定
<table border=1 width=280 height=100>
<tr height=35%>
<td width=60%>w60%×h35%</td>
<td width=40%>w40%×h35%</td></tr>
<tr height=65%>
<td>w60%×h65%</td>
<td>w40%×h65%</td></tr>
</table> |
w60%×h35% | w40%×h35% |
w60%×h65% | w40%×h65% |
|
|
☆ width属性、height属性は、HTML4.01では非推奨とされています。 |
|
|
|
関連するページ |
CSS スタイルシート:セルの大きさ(幅と高さ)を指定する |
Utilety Page (参考):「非推奨タグと非推奨属性」へ |
|