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

heightプロパティ

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

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

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

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

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

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

構文(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