max-width プロパティ
max-width プロパティは、エレメントの最大の幅を指定するプロパティです。
コンテンツが max-width プロパティの値より大きい場合にはコンテンツがオーバーフローします。このオーバーフローはoverflowプロパティによって操作できます。
width プロパティが max-width プロパティの値より大きい場合には max-width プロパティが優先されます。
max-width: 500px;
詳しくは Example を参照してください
ページ内 Index
構文(Syntax)
CSS
max-width: none | length | initial | inherit;
DOM ( JavaScript )
String = object.style.maxWidth;
object.style.maxWidth="none | length | initial | inherit";
値（Values）
| Value | 摘要 |
|---|---|
| none | 初期値（default値） |
| length | CSS長さの単位 |
| initial | 初期値に戻す |
| inherit | 親エレメントのプロパティを継承 |
備考（Remarks）
| 初期値（Default value） | none |
| 継承（Inherited） | No |
| CSS Animation | Yes |
Example
max-widthの例です。
width よりも max-width の値を小さく設定してあります。実用的には意味のない設定です。
関連する CSS プロパティ
以下の関連するプロパティがあります。
| プロパティ | 概要 |
|---|---|
| height | エレメントの高さ |
| max-height | 最大高さ |
| min-height | 最小高さ |
| width | エレメントの幅 |
| max-width | 最大幅 |
| min-width | 最小幅 |
| resize | ユーザーがサイズを変更可能に |