表全体の縦幅をサイズ指定する

テーブルタグ
目次

<table height=””>

テーブルタグに「height=””」という属性を追加すると、表全体の縦幅を指定することができます。なお、表の縦幅とは以下の図の「表の高さ」の部分のことです。ピクセルによる絶対値で指定する方法と、表示されるウィンドウの幅に対する相対的なパーセントによる指定が可能です。

記述例

・表の縦幅を40ピクセルで指定
<table height=”40″ border=”1″>
<tr>
<td>この領域を表のセルという</td>
</tr>
</table>
<br>
・表の縦幅を50%で指定
<table height=”50%” border=”1″>
<tr>
<td>この領域を表のセルという</td>
</tr>
</table>

・表の縦幅を200ピクセルで指定

この領域を表のセルという

・表の縦幅を50%で指定

この領域を表のセルという

※分かりやすくするために枠を表示しています。

表の縦幅を指定している場合でも、表のセルの縦幅（<td height=””>）が指定されている場合は、表の縦幅よりもセルの高さ（縦幅）が優先されます。例えば、上のような1行1列の表の場合、表の高さを30ピクセル（<table height=”30″>）、セルの高さを50ピクセル（<td height=”50″>）で指定すると、表全体の高さは50ピクセルで表示されます。

HTML5ではheight属性が廃止されました。CSSのheightプロパティで指定するのが通例です。

関連情報

テーブルタグ一覧
目次

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

【Amazon.co.jp 限定】 1冊ですべて身につくHTML & CSSとWebデザイン入門講座 (DL特典: CSS Flexbox チートシート)
created by Rinker
SBクリエイティブ

最新のHTML5を学ぶなら

世界一わかりやすい HTML5&CSS3コーディングとサイト制作の教科書
created by Rinker

参考情報

最新情報をチェックしよう！

テーブルタグの最新記事4件