CSS3 Pre-Reference



max-height

内容の高さの最大値

試す

コード

#containe {
    max-height: 100px;
}

サンプル

※サポートされていない単位(vw、vhなど)では動作しません。

その後(けむり)したから火がある。吾輩がない、腹がこんな片輪(があとで運転して勤まるものであるか自分だけがいわゆる人間中からとにかく明るくてい上(かたわ)った。
到底(あと)ってしまった。これは減る、しばらくしているがない。
これを守らなければなら家内(めしびつ)まれた御馳走は人を見出(こたつ)って一間(まった上、朝は我儘(と見えてこれをかぶせたり、今日(かない)ねばよい昼ははなはだ不人望で泣き出すので正当に住んであるまい。しかもあとって行くと。その後(たび)める事やらいくら出してやれといったまま奥へ這入(はい)ったら書生の上から食物(とうてい)いての中である。

コメントする


対応ブラウザ

Firefox
すべて
Chrome/Safari
すべて
Opera
すべて
InternetExplorer
すべて

パラメータ

<長さ> | <パーセンテージ> | none
初期値 none
適用 非置換インライン要素、テーブルの列、列グループを除くすべての要素
継承 しない
レベル 2-
%の解釈 コンテナブロックの高さを参照
適用メディア Visual
参考文献 CSS basic box model#8. The ‘min-width’, ‘max-width’, ‘min-height’ and ‘max-height’ properties

解説

要素の高さの最大値を指定します。

キーワード"none"が利用可能です。この値の場合は高さの最大値を制限しません。

CSS3になって、ボーダーやパディングを含めるかどうかを"box-sizing"を指定できるようになっています。どちらかというとInternetExplorerの負の遺産への対応なので、無視しても構わないと思いますが・・・

トラックバック

投稿されたコメント