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

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

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

valign”属性について

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

代替方法

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

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

指定できる値

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

サンプルコード

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