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

max-widthプロパティ

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

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

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

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

構文(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