height（高さ）

解説

高さを指定する属性です。

値	<length> <percentage> auto：自動的に指定
初期値	auto
%値の基準	親エレメントの高さ
適用	と互換エレメントすべてのエレメント、非互換、table columns(col)、column groups(colgroup)
継承	しない

対応状況

auto

使用例

ソース

スタイル部に、

div{border:solid medium yellow;}
.px{height:50px;}
.percent{height:25%;}

と記述し、

body部に、

<img class="px" src="../img/poko.gif" width="32" alt="★" title="pokochan">
<div class="px">高さ50pxのボックスです。</div>
<div class="percent">親エレメント高さ200pxなので25%は50pxとなり上と同じ高さのはず。</div>

と記述すると。

表示＆操作

高さ50pxのボックスです。

親エレメント高さ200pxなので25%は50pxとなり上と同じ高さのはず。

　
と表示されます。

pokochan@mx1.tees.ne.jp