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

＃

“valign”属性について

“valign”属性は列のセルの内容の垂直方向の表示位置を指定する属性です。

＃

代替方法

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

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

＃

指定できる値

属性値	説明
top	セルの上端に揃える
middle	セルの中央に揃える
bottom	セルの下端に揃える
baseline	1行目をベースラインで揃える

＃

サンプルコード



<table>


<colgroup>

<col valign="middle">

<col valign="middle">

<col valign="middle">

<col valign="middle">

<col valign="middle">

<col valign="middle">


</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”要素~“valign”属性

“valign”属性について

代替方法

指定できる値

サンプルコード