max-width

Home>CSS>プロパティリファレンス>max-width

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

max-widthプロパティの役割

max-widthプロパティは、ボックスの幅の最大値を指定します。

ボックスは、max-widthプロパティで指定した幅よりも大きくならないように調整されます。

max-widthプロパティに設定できる値

数値 数値+単位
ボックスを内包するブロックの幅を100とした100分率。

max-widthプロパティの使い方

<img src="../../../data/img/global/logo.jpg" style="max-width:50px;" />

上記のサンプルは、画像のmax-widthプロパティに50pxを指定しています。この画像の幅が50ピクセルよりも大きい場合、50ピクセルになるように全体が縮小されて表示されます。

関連リンク

よく読まれている記事

UpDate:2010-9-1