CSS max-width プロパティ

<p> 要素の最大の幅を設定します：

p {
max-width: 100px;
}

定義と用法

max-width プロパティは、要素の最大の幅を設定します。

これは、width プロパティの値が max-width より大きくならないようにします。

注: max-width プロパティの値は、widthをオーバーライドします。

デフォルト値：	なし
継承：	継承する
アニメーション可否：	yes, 個別のプロパティを参照してください. animatable を参照 Try it
バージョン：	CSS2
JavaScript 構文：	object.style.maxWidth="600px" Try it

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
max-width	1.0	7.0	1.0	2.0.2	7.0

max-width: none|length|initial|inherit;

値	説明	Play it
なし	最大の幅を指定しません。これがデフォルトです	Play it ❯
length	最大の幅を px、cm などで定義します	Play it ❯
%	最大の幅を包含ブロックの割合で定義します	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照