|
|
max-height・・・・・高さの最大値を指定する
max-heightプロパティは、 <IMG>・ <INPUT>・ <TEXTAREA>・ <SELECT> などの領域の高さの最大値を指定する際に使用します。 最大値を指定することで、これらの要素の高さを一定範囲内に収めることができます。 指定方法には、実数値にpxなどの単位をつけて指定する方法と、親ボックスに対する割合を%で指定する方法があります。 また、高さを制限させないようにするにはnoneを指定します。 ■値
■使用例スタイルシート部分は外部ファイル(sample.css)に記述。img.sample {max-height: 50px;}HTMLソース<html><head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <img border="0" src="../images/img002.gif" alt="サンプルイメージ" class="sample"> </body> </html> ↓↓↓ ブラウザ上の表示
■関連項目
width・・・・・・・・・・・・・・・・・・・・・・・・幅を指定する
max-width・・・・・・・・・・・・・・・・・・・幅の最大値を指定する min-width・・・・・・・・・・・・・・・・・・・・幅の最小値を指定する height・・・・・・・・・・・・・・・・・・・・・・・高さを指定する max-height・・・・・・・・・・・・・・・・・・高さの最大値を指定する min-height・・・・・・・・・・・・・・・・・・・高さの最小値を指定する |
|