align, valign属性
表のコマ内の水平方向、垂直方向の配置
- align
- 表のコマ内のデータやテキストの水平方向の配置を指定する。
- left
- 左に寄せる
- center
- 中央にそろえる
- right
- 右に寄せる
- justify
- テキストを両端でそろえる
- valign
- 表のコマ内のデータやテキストの垂直方向の配置を指定する。
- top
- 上に寄せる
- middle
- 真ん中に寄せる
- bottom
- 下に寄せる
- baseline
- ベースラインにそろえる。この属性を指定されたコマと同じ行に存在するコマは全て影響を受ける。
例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/tr/html4/strict.dtd">
<HTML lang="ja">
<HEAD>
<TITLE>秋葉教萌派幹部対決! E君対K教授</TITLE>
<!-- ここには HEAD 要素に含まれるべき物があるんですよ -->
</HEAD>
<BODY>
<!-- ここが本文 -->
<TABLE summary="秋葉教萌派幹部対決! E君対K教授"
border="3" width="90%" rules="groups" frame="box">
<CAPTION><EM>秋葉教萌派幹部対決! E君対K教授</EM></CAPTION>
<COLGROUP>
<COLGROUP span="5" title="E君の評価5列をグループ化">
<COLGROUP span="5" title="K教授の評価5列をグループ化">
<THEAD>
<TR><TH><BR><TH colspan="5">E君<TH colspan="5">K教授
<TR title="5段階評価"><TH>評価項目<TH>5<TH>4<TH>3<TH>2<TH>1<TH>5<TH>4<TH>3<TH>2<TH>1
<TBODY>
<TR align="center"><TH>萌え出力<TD>*<TD><TD><TD><TD><TD><TD><TD><TD><TD>*
<TR><TH>学歴<TD><TD><TD align="center">*<TD><TD><TD align="center">*<TD><TD><TD><TD>
<TR align="center" valign="baseline"><TH>経済力<TD><TD><TD><TD>*<TD><TD>*<TD><TD><TD><TD>
</TABLE>
<EM><INS title="もうすこしだけ変更">もう</INS>すこしは分りやすくなったかな?</EM>
</BODY>
</HTML>
戻る