このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

col要素~align属性注意

記事July 16th,2020
表の列のセルの内容の水平方向の表示位置を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

align”属性について

align”属性は列のセルの内容の水平方向の表示位置を指定する属性です。

代替方法

HTML5でこの属性は廃止されているので使用するべきではありません。

スタイルシートのtext-align”プロパティで指定します。

指定できる値

属性値 説明
left 左揃え
center 中央揃え
right 右揃え
justify 両端揃え
char char”属性で指定した文字を揃える

サンプルコード

<table>
<colgroup>
<col align="center">
<col align="center">
<col align="left">
<col align="left">
<col align="center">
<col align="center">
</colgroup>
<thead>
<tr>
<th>名前</th>
<th>漢字</th>
<th>英語</th>
<th>分類</th>
<th>産地</th>
<th>果実の色</th>
</tr>
</thead>
<tbody>
<tr>
<td>りんご</td>
<td>林檎</td>
<td>apple</td>
<td>バラ科リンゴ属</td>
<td>あおもり</td>
<td>あか</td>
</tr>
<tr>
<td>いちご</td>
<td>苺</td>
<td>strawberry</td>
<td>バラ科オランダイチゴ属</td>
<td>とちぎ</td>
<td>あか</td>
</tr>
<tr>
<td>もも</td>
<td>桃</td>
<td>peach</td>
<td>バラ科モモ属</td>
<td>やまなし</td>
<td>もも</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>名前</th>
<th>漢字</th>
<th>英語</th>
<th>分類</th>
<th>産地</th>
<th>果実の色</th>
</tr>
</tfoot>
</table>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク