CSSのheightプロパティ

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

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

»をお試しください

より多くの例については、このページの下で。

属性の定義と指示

要素のheight属性の高さを設定します。

注意:heightプロパティは、パディング、ボーダー、または余白が含まれていません!

デフォルト: オート
継承: いいえ
バージョン: CSS1
JavaScriptシンタックス: オブジェクト.style.height = "は50px"


ブラウザのサポート

表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。

属性
height 1.0 4.0 1.0 1.0 7.0

プロパティ値

説明
オート デフォルト。 ブラウザは実際の高さを計算します。
長さ ピクセル、cmの他のユニットに定義高さを使用してください。
含むブロックレベルのオブジェクトの高さの割合に基づいて。
受け継ぎます 所定の高さは、親要素からプロパティ値を継承しなければなりません。


例

より多くの例

画像の高さのパーセンテージとしてセットを使用して
この例では、要素の高さを設定するパーセンテージ値を使用する方法を示します。


関連記事

CSSチュートリアル: CSS寸法

CSSチュートリアル: CSSボックスモデル

CSSリファレンス: width属性