CSS max-width 属性

定義と使用法

max-width は要素の最大幅を定義します。

説明

この属性値は、要素の幅の設定に最高限界を設けます。したがって、要素は指定された値より狭くなることができますが、その幅を超えることはできません。負の値を指定することは許可されていません。

も参照してください：

CSS チュートリアル：CSS サイズ

CSS リファレンスマニュアル：CSS min-width 属性

HTML DOM リファレンスマニュアル：maxWidth 属性

例

段落の最大幅を設定する：

p
  {
  max-width:100px;
  }

自分で試してみる

CSS 文法

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

属性値

値 説明
none デフォルト。要素の最大幅に制限はありません。
length 要素の最大幅の値を定義します。
% 含んでいるブロックレベルのオブジェクトに基づくパーセントの最大幅を定義します。
inherit 親要素から max-width 属性の値を継承するべきであることを規定しています。

技術的詳細

デフォルト値： none
継承性： no
バージョン： CSS2
JavaScript 文法： object.style.maxWidth="50px"

TIY 実例

ピクセル値を使用して要素の最大幅を設定する
この例では、ピクセル値を使用して要素の最大高さを設定する方法を示します。
パーセントを使用して要素の最大幅を設定する
この例では、パーセント値を使用して要素の最大高さを設定する方法を示します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0