max-height

Home>CSS>プロパティリファレンス>max-height

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

max-heightプロパティの役割

max-heightプロパティは、ボックスの高さの最大値を指定します。

ボックスは、max-heightプロパティで指定した高さよりも大きくならないように調整されます。

max-heightプロパティに設定できる値

数値 数値+単位
ボックスを内包するブロックの高さを100とした100分率。

max-heightプロパティの使い方

<img src="../../../data/img/global/logo.jpg" style="max-height:50px" />

上記のサンプルでは、画像のmax-heightプロパティに50pxを指定しています。この画像の高さが50ピクセルよりも大きい場合、50ピクセルになるように全体が縮小されて表示されます。

関連リンク

よく読まれている記事

UpDate:2010-8-31