CSS 参考手册

CSS @规则(RULES)

max-width CSS属性で指定された要素の内容エリアの最大幅。この最大幅は、フィルリング、ボーダーやマージンを含まないものです。-参照してくださいCSSボックスモデル。

以下のテーブルはこの属性の使用方法とバージョン履歴、およびjavascriptスクリプトでの使用構文を示しています。

デフォルト値：	none
適用：	置き換えられていない埋め込み要素、テーブル行、行グループ以外のすべての要素
継承：	ありません
アニメーション可能：	はい。参照してくださいアニメーション属性。
バージョン：	CSS 2、3
JavaScript構文：	object.style.maxWidth="200px"

この属性の構文は以下の通りです：

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

以下の例では、max-width属性。

例

　　p　{
　　　max-width:　400px;
　　}
　　div　{
　　　width:　300px;
　　　max-width:　200px;
　　}

以下のテーブルはこの属性の値を説明しています。

値	説明
length	指定された最大幅、px、pt、cm、emなどの単位で指定します。負の値は使用できません。
percentage	最大幅、百分比率で指定します。要素の含むブロックの幅に対して百分比率を計算します。負の百分比率は使用できません。
none	最大幅がありません。デフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のmax-widthの属性値。

max-width属性のブラウザの互換性について、以下のテーブルの数字はこの属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 7+ Apple Safari 1+ Opera 7+

以下の内容に関するチュートリアルを参照してください：CSSボックスモデル、CSSサイズ。