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

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

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

valign”属性について

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

代替方法

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

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

指定できる値

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

サンプルコード

<table>
<tr>
<th>県名</th>
<th>人口密度(人/km<sup>2</sup>)</th>
<th>面積(km<sup>2</sup>)</th>
</tr>
<tr>
<th>徳島</th>
<td valign="bottom">174.37</td>
<td valign="bottom">4,146.75</td>
</tr>
<tr>
<th>香川</th>
<td valign="bottom">506.61</td>
<td valign="bottom">1,876.78</td>
</tr>
<tr>
<th>愛媛</th>
<td valign="bottom">234.37</td>
<td valign="bottom">5,676.16</td>
</tr>
<tr>
<th>高知</th>
<td valign="bottom">97.35</td>
<td valign="bottom">7,103.64</td>
</tr>
<tr>
<th>合計</th>
<td valign="bottom">196.54</td>
<td valign="bottom">18,803.33</td>
</tr>
</table>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク