max-width

解説

IMG、INPUT、TEXTAREA、SELECT等領域の幅の最大値を指定します。最大値を指定することによってこれらの要素の幅を一定範囲内に収めることができます。指定方法は、実数値に単位をつけて指定する方法と、親ボックスに対する割合を％で指定する方法があります。

プロパティ情報

値：none,長さ,パーセンテージのいずれか1つ
初期値：none
適用対象：非置換インライン要素、テーブル関連要素以外の全ての要素
継承：しない
パーセンテージ：コンテナブロックの幅を参照
適用メディア：視覚
レベル：2

参照

width height min-width min-height max-width max-height

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

img.sample {max-width: 50px;}
HTMLの記述方法

<img src="../img/smp.gif" class="sample" alt="sample">

表示結果

sample