max-height

解説

IMG、INPUT、TEXTAREA、SELECT等領域の高さの最大値を指定します。最大値を指定することによりこれらの要素の高さを一定範囲内に収めることができます。指定方法は、実数値に単位をつけて指定する方法と、親ボックスに対する割合を%で指定する方法があります。

プロパティ情報

値:none,長さ,パーセンテージのいずれか1つ
初期値:none
適用対象:非置換インライン要素、テーブル関連要素以外の全ての要素
継承:しない
パーセンテージ:コンテナブロックの高さを参照
適用メディア:視覚
レベル:2

参照

使用例

ソース

CSSの記述方法はスタイルシートってなに?も参照下さい。

img.sample {max-height: 50px;}
HTMLの記述方法

<img src="../img/smp.gif" class="sample" alt="sample">

表示結果

sample