最終更新日

max-widthプロパティ

max-widthは、コンテンツの幅を「これ以上は大きく表示しない」という最大値を指定するプロパティです。値は、長さの値またはパーセント値、キーワード「none」の指定が可能です。なお、max-widthでは負の値は設定できません。

以下は、関連プロパティです。

min-width
min-height
max-height

CSS3での変更点
特にありません
初期値 適用先 継承
none すべての要素 なし
説明
長さの値 「5px」「3em」のように、数値に単位を付けて指定します。
パーセント値 「100%」のように、数値に「%」の単位を付けて、他の値に対する割合で示します。
none ボックスの幅や高さに制限を設けない(初期値
サンプルコード
max-width: 500px;
max-width: 80%;
max-width: none;
参考文献:CSS basic box model外部リンク
HOME