CSS height プロパティ

段落の高さと幅を設定します：

p.ex {
height: 100px;
width: 100px;
}

他の "Try it Yourself" 例が下にあります。

定義と用法

height プロパティは、要素の高さを設定します。

注: height プロパティには、パディング、ボーダー、マージンは含まれません；要素のパディング、ボーダー、マージン内のエリアの高さを設定します！

注: min-height と max-height プロパティは、height をオーバーライドします。

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
height	1.0	4.0	1.0	1.0	7.0

height: auto|length|initial|inherit;

値	説明	Play it
auto	ブラウザが高さを計算します。これがデフォルトです	Play it ❯
length	px、cm などで高さを定義します	Play it ❯
%	包含ブロックの割合で高さを定義します
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照

Set the height of an element using a percent value:

img {
height: 50%;
}