<h1>、<p>、<div>、<table>、<caption>、<legend>、<col>、<colgroup>、<tbody>、<tr>、<th>、<td> などの align 属性では、要素内のデータの横方向の表示位置を指定します。
<img>、<textarea>、<select>、<iframe>、<applet>、<embed>、<object>、<fieldset>(※)などの矩形インライン要素における align 属性では、要素と周りのテキストの位置関係を指定します。基本的には画像の上端、中央、下端を、まわりのテキストや画像の指定した位置にあわせます。
位置 | 値 | 説明 |
---|---|---|
上 | top | H2/e2/N2/i1。同じ行に存在する一番高いテキストや画像の上端に画像の上端を合わせます。 |
texttop | e2/N2。同じ行に存在する一番高い(Netscape 7.0 では通常の大きさの)テキスト(画像は除く)の上端に画像の上端を合わせます。 | |
中 | center | e2/N2/i4。middle と同じ意味になります。現在では center は横方向の中央を指定するために用いられるため、矩形要素では center よりも middle を指定する方が望ましいようです。 |
middle | H2/e2/N2/i1。HTML4.01 の仕様では、同じ行に存在するテキスト(画像は除く)のベースライン(Mの下端。gの下端ではない)に画像の中央を合わせます。実際は、各ブラウザで独自のアルゴリズムを用いて位置決めしているようです。 | |
absmiddle | e2/N2。同じ行に存在する一番高いテキストや画像の上端と、一番低いテキストや画像の下端の中央に画像の中央を合わせます。 | |
下 | 無し | baseline と同じ動作をします。 |
bottom | H2/e2/N2/i1。baseline と同じ動作をします。 | |
baseline | e2/N2。同じ行に存在する一番低いテキスト(画像は除く)のベースライン(Mの下端。gの下端ではない)に画像の下端を合わせます。 | |
absbottom | e2/N2。同じ行に存在する一番低いテキストや画像の下端に画像の下端を合わせます。 | |
回り 込み | left | H3/e2/N2/i1。画像を左端によせ、周りをテキストで回り込みます。回り込みを解除するには <br> の clear 属性を用います。 |
right | H3/e2/N2/i1。画像を右端によせ、周りをテキストで回り込みます。回り込みを解除するには <br> の clear 属性を用います。 |
※ <fieldset> はブロック要素ですが、何故か、align 属性は矩形インライン要素的な振舞いをします。