CSS 参考手册

CSS @规则(RULES)

height CSS属性は、要素の内容エリアの高さを指定します。内容エリアには、余白、枠線、マージンは含まれません。詳細はこちらを参照してください。CSS box model。

以下のテーブルは、この属性の使用方法とバージョンハイストリを示し、javascriptスクリプトでの使用構文も含んでいます。

デフォルト値：	auto
適用：	未置換の埋め込み要素を除いてテーブル行や行グループ外のすべての要素
継承：	いいえ
アニメーション可能：	はい。参照してくださいアニメーション属性。
バージョン：	CSS 1、2、3
JavaScript 構文：	object.style.height="100px"

この属性の構文は以下の通りです：

height:　length　|　percentage　|　auto　|　initial　|　inherit

以下の例では、height属性の使用方法を示しています。

例

　　p　{
　　　height:　50px;
　　　background-color:　#f0e68c;
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
length	px、pt、cm、emなどの単位で指定された高さ、高さはネガティブ値を使用することはできません。
percentage	パーセンテージで高さを指定します。パーセンテージは要素の包含ブロックの高さに対して計算されます。ネガティブのパーセンテージを使用することはできません。
auto	ブラウザは他の属性の値に基づいて指定された要素の高さを計算します。デフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のheightの属性値を使用します。

height属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

以下の内容に関するチュートリアルを参照してください：CSS Boxモデル、CSSサイズ。

関連属性：max-height、min-height。