CSSリファレンス

heightの意味と使い方

「height」はブロックレベル要素や置換要素(img要素、input要素、textarea要素、select要素など)のボックスの内容領域の高さを指定します。
box-sizingプロパティを利用すればwidthで指定した高さをパディング領域やボーダー領域まで適用することもできます。

値の指定方法

実数値+単位

数値に単位を付けて高さを指定します。


パーセント値

包含ブロックの高さに対する割合で高さを指定します。


auto

自動的に調整されます。img要素などの置換要素の場合は、その要素が本来持っている高さと同じになります。


関連プロパティ

  • width:内容領域の幅を指定する
  • max-height:内容領域の高さの最大値を指定する
  • box-sizing:幅と高さの算出方法を指定したい
  • overflow:はみ出た内容の表示方法を指定する