関連プロパティ

• margin-top
  margin-bottom
• margin
• min-height
• max-height
• width
• top
  bottom
• display
• float
• position
• overflow
• overflow

height

ボックスの内容領域の高さを指定します。

非置換インライン要素の場合、影響を与えるのは要素の高さではなく、行としての高さで、値を指定しても無視されます。ルート要素の場合は、コンテナブロックの高さを指定します。表関連要素に指定した場合、どの高さを設定するかは明記されていませんが、おそらく'width'に準ずるものと思われます。

非置換インライン要素の行の高さは、'line-height'で決定します。

パーセンテージの場合は、コンテナブロックの高さが明示されてない場合[auto]と解釈されます。

しかし、これだと高さを固定してしまいます。ある一定の幅を持たせて、高さが変化出来るようにしたい場合は、'min-height'、'max-height'を使用してください。これらのプロパティとのやり取りについては、'height'と'min-height'と'max-height'の関係を参照ください。

内容が指定した高さよりも大きい(はみ出した)場合の処理方法は、'overflow'で指定します。

Windows版 InternetExplorer5.5以前、6の互換モードでは、ボーダー辺までの高さになります。

問題点

1. 表関連要素にこの値を使用した場合、どの部分の高さとして値を採るかが書かれていません。
2. 画像などの置換要素の縦横比を保存しません(CSS1では保存しました)。この点は正誤表で訂正されました。

CSS1とCSS2の相違点

1. 'min-height'、'max-height'の採用により、幅に柔軟性を持たせる事が可能になりました。
2. パーセンテージが使用可能になりました。
3. CSS1ではブロック要素の場合はこのプロパティを無視しても良い事になっていましたが、'overflow'の登場により、無視出来なくなりました。