Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

DIMENSIONS寸法TOPCSSPropertiesDimensions

  1. heightボックス領域の高さ
  2. min-heightボックス領域の最小高さ
  3. max-heightボックス領域の最大高さ
  4. widthボックス領域の幅
  5. min-widthボックス領域の最小幅
  6. max-widthボックス領域の最大幅

max-heightボックス領域の最大高さ

プロパティの値<length> | <percentage> | inherit
初期値0
対象要素全要素(非置換インライン要素、テーブルの列・列グループ要素を除く)
継承無効
%親ブロックの'height'値に対する割合
メディアvisual

プロパティの書式と機能

max-heightプロパティは、ボックスモデルにおけるボックス領域の最大の高さを指定します。heightプロパティでのautoと同様にボックスの高さは内包するコンテンツの量に応じて決まりますが、コンテンツが多い場合でもボックスの高さは指定した値よりも大きくなりません。コンテンツがボックスに収まらない場合は、overflowプロパティで表示方法を指定することができます。対象要素はheightプロパティと同様にブロックレベル要素または置き換え要素である必要があり、displayプロパティのblockやinline-blockの指定とセットで使われることが多いプロパティです。

プロパティの値

max-height: <length>

ボックス領域の最大高さを<length>値で指定します。
マイナス値は不正な値として無視されます。

max-height: <percentage>

親ブロックの高さ(height値)に対するコンテンツ領域の高さの割合を指定します。親ブロックの高さがautoの場合は、パーセンテージ値はautoとして扱われます。また、テーブルセル及びセルの行グループの高さに対するパーセンテージもautoとして扱われます。

スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.