Height
要素の高さを指定します。
●関連プロパティ
POSITION | TOP & BOTTOM | LIGHT & LEFT | WIDTH
{ height : absolute size | percentage | auto }
数値で指定
要素の高さを、数値で指定します。
サンプルは、高さ80px幅300pxの親要素の<DIV>の中に、高さ60pxの<DIV>を配置しました。背景画像の罫線ピッチは、10pxです。
{ height : length in | length cm | length mm | length pt | length pc | length px }
<div style="position: relative; height: 80px; width: 300px;">
<div style="position: absolute; height: 60px; width: auto;"><p>Height:
60px</p></div>
</div>
Height: 60px
パーセントで指定
要素の高さを、パーセントで指定します。
サンプルは、高さ80px幅300pxの親要素の<DIV>の中に、高さ50%の<DIV>を配置しました。親の高さ80pxですから、高さ40pxになっています。
{ line-height : Percentage }
<div style="position: relative; height: 80px; width: 300px;">
<div style="position: absolute; height: 50%;"><p>width:
50% height: auto;</p></div>
</div>
Height 50%
 |
 |
|---|
