備忘録的プログラミングリファレンス

heightプロパティ

 heightプロパティは、エレメントの高さを指定するプロパティです。

 エレメントがblockエレメントである必要があります。

 設定にmargin、border、paddingは含まれません。

 widthに合わせて自動設定するには、height:auto;にします。

 もし、親エレメントより大きく設定すると、親要素からはみ出して表示されます。はみ出しを調整するにはoverflowプロパティを使います。

 heightプロパティは高さが固定されますが、min-heightプロパティやmax-heightプロパティで高さに自由度を持たせることができます。

エレメントの最小高さを500pxに(Exampleを参照)
height: 500px;

関連するプロパティ

 以下の関連するプロパティがあります。

max-height最大高さ
min-height最小高さ
widthエレメントの幅
max-width最大幅
min-width最小幅
resizeユーザーがサイズを変更可能に

構文(Syntax)

CSS

height: auto | length | % | initial | inherit ;

DOM(JavaScript)

値の取得
object.style.height
値の設定
object.style.height=" auto | length | % | initial | inherit "

値(Values)

Value摘要
auto初期値(default値)。
lengthCSS長さの単位
%default値を基準に割合で設定
initial初期値に戻す。
inherit親エレメントのプロパティを継承。

備考(Remarks)

初期値(Default value)auto
継承(Inherited)No
変化(Animatable)Yes

Example