align 「表示位置」[読み方：アライン]
align属性は、タグの表題、テキスト、またはタグそのものの位置を指定します。
※align属性は、HTML5で廃止されました。
HTML5では、スタイルシートでtext-alignを指定します。
※align属性は、HTML5で廃止されました。
HTML5では、スタイルシートでtext-alignを指定します。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | ○ | × |
align の属性値
| 値 | 意味 | 注意事項 |
|---|---|---|
| top | 上部 | caption,iframe,imgの属性値 captionでは、初期値 |
| bottom | 下部 | caption,iframe,imgの属性値 iframe,imgでは、初期値 |
| left | 左寄せ | |
| right | 右寄せ | |
| center | 中央寄せ | col,colgroup,div,h1～h6,hr,legendの属性値 |
| middle | 中央寄せ | iframe,imgの属性値 |
| justify | 両端揃え | col,colgroup,div,h1～h6,hr,legendの属性値 |
align のサンプル
<caption>のサンプル
<table border="1" cellspacing="1" cellpadding="3">
<caption align=bottom>秋の中間テスト結果</caption>
<tbody>
<tr><th>氏名</th><th>国語</th><th>理科</th><th>社会</th></tr>
<tr><td>山田 太郎</td><td>98</td><td>62</td><td>87</td></tr>
<tr><td>鈴木 花子</td><td>85</td><td>71</td><td>58</td></tr>
<tr><td>斉藤 一郎</td><td>66</td><td>65</td><td>52</td></tr>
</tbody>
</table>
<caption align=bottom>秋の中間テスト結果</caption>
<tbody>
<tr><th>氏名</th><th>国語</th><th>理科</th><th>社会</th></tr>
<tr><td>山田 太郎</td><td>98</td><td>62</td><td>87</td></tr>
<tr><td>鈴木 花子</td><td>85</td><td>71</td><td>58</td></tr>
<tr><td>斉藤 一郎</td><td>66</td><td>65</td><td>52</td></tr>
</tbody>
</table>
| 氏名 | 国語 | 理科 | 社会 |
|---|---|---|---|
| 山田 太郎 | 98 | 62 | 87 |
| 鈴木 花子 | 85 | 71 | 58 |
| 斉藤 一郎 | 66 | 65 | 52 |
留意事項
- HTML5では、見栄えに関する設定はHTMLではなく、CSSで行うように整理されました。そのため、align属性も廃止されました。align属性は、使用できません。