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

tbody”要素~“valign”属性注意

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

valign”属性について

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

代替方法

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

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

指定できる値

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

サンプルコード

<table>
<thead>
<tr>
<th>県名</th>
<th>人口</th>
<th>面積(km<sup>2</sup>)</th>
</tr>
</thead>
<tbody valign="middle">
<tr>
<th>徳島</th>
<td>723,096</td>
<td>4,146.75</td>
</tr>
<tr>
<th>香川</th>
<td>950,799</td>
<td>1,876.78</td>
</tr>
<tr>
<th>愛媛</th>
<td>1,330,122</td>
<td>5,676.16</td>
</tr>
<tr>
<th>高知</th>
<td>691,602</td>
<td>7,103.64</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>合計</th>
<td>3,695,619</td>
<td>18,803.33</td>
</tr>
</tfoot>
</table>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク