備忘録的プログラミングリファレンス

max-width プロパティ

 max-width プロパティは、エレメントの最大の幅を指定するプロパティです。

 コンテンツがmax-width プロパティの値より大きい場合にはコンテンツがオーバーフローします。このオーバーフローはoverflowプロパティによって操作できます。

 widthプロパティがmax-width プロパティの値より大きい場合にはmax-width プロパティが優先されます。

エレメントの最大幅を500pxに
max-width: 500px;

ページ内 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値)
lengthCSS長さの単位
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none
継承(Inherited)No
CSS AnimationYes