高さの最小値と最大値
(Minimum and maximum heights)
ビジュアル詳細
ホーム
>
CSS2 Note
> 高さの最小値と最大値
C2- ie6- N6-
説明
min-height:
height
;
C2- ie6- N6-
値:
----- hint -----
a b この順序で
a|b どれか1つ
a||b 少なくとも1つ
[...] グループ
a* 0回以上
a+ 1回以上
a? 0回、1回
{a,b} a回以上b回以下
<長さ>
|
<%値>
|
inherit
初期値:
0
、
適用要素:
すべて(非置換インライン要素とtable要素を除く)
、
継承:
しない
、
%値:
包含ブロック
を参照
、
メディア:
ビジュアル
max-height:
height
;
C2- ie7- N6-
値:
----- hint -----
a b この順序で
a|b どれか1つ
a||b 少なくとも1つ
[...] グループ
a* 0回以上
a+ 1回以上
a? 0回、1回
{a,b} a回以上b回以下
<長さ>
|
<%値>
| none |
inherit
初期値:
none
、
適用要素:
すべて(非置換インライン要素とtable要素を除く)
、
継承:
しない
、
%値:
包含ブロック
を参照
、
メディア:
ビジュアル
min-height、max-heightプロパティを用いると、
ボックス
の内容領域の高さを特定の範囲内に制限することができます。負の値は指定できません。
widthプロパティとheightプロパティ適用範囲の注意点
使用例
p {min-height:100px; max-height:200px}
高さの最小値と最大値
長さ
C2- ie6- N6- 高さの最小値と最大値を指定。
%値
C2- ie6- N6-
包含ブロック
の高さに対する割合を指定。
包含ブロック
の高さが明示されていない場合は、「auto」として解釈されます。
none
C2- ie7- N6-
ボックス
の高さを制限しない。「max-height」のみの値です。
min-height max-heightの値別のレンダリング
長さ
%値
auto
関連項目:
width
|
min-width
|
max-width
|
height
| min-height | max-height |
line-height
|
vertical-align
2005/09/21発行 2009/09/01更新