max-width
解説
IMG、INPUT、TEXTAREA、SELECT等領域の幅の最大値を指定します。最大値を指定することによってこれらの要素の幅を一定範囲内に収めることができます。指定方法は、実数値に単位をつけて指定する方法と、親ボックスに対する割合を%で指定する方法があります。
プロパティ情報
値: | none ,長さ,パーセンテージのいずれか1つ |
---|---|
初期値: | none |
適用対象: | 非置換インライン要素、テーブル関連要素以外の全ての要素 |
継承: | しない |
パーセンテージ: | コンテナブロックの幅を参照 |
適用メディア: | 視覚 |
レベル: | 2 |
参照
使用例
ソース
CSSの記述方法はスタイルシートってなに?も参照下さい。 img.sample {max-width: 50px;}
HTMLの記述方法 <img src="../img/smp.gif" class="sample" alt="sample">