“align”属性｜“col”要素:表の列｜HTML－havin' a coffee break

＃

“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>

“col”要素~“align”属性

“align”属性について

代替方法

指定できる値

サンプルコード