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

min-width プロパティ

 min-width プロパティは、エレメントの最小の幅を指定するプロパティです。
 コンテンツの幅の最小値の指定になります。コンテンツの幅が指定された値より小さくなりません。

エレメントの最小幅を500pxに
min-width: 500px;
詳しくは Example を参照してください

 コンテンツの幅が min-width プロパティの値より大きい場合は min-width プロパティは機能しません。

 width プロパティで指定される幅の値が min-width プロパティより小さい場合には min-width プロパティの値が優先されます。

ページ内 Index

構文(Syntax)

CSS

min-width: length | initial | inherit;

DOM ( JavaScript )

値の取得
String = object.style.minWidth;
値の設定
object.style.minWidth="length | initial | inherit";

値(Values)

 値には、計算式によって値を指定する calc() ファンクションも利用できます。

Value摘要
0初期値(default値)
lengthCSS長さの単位
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

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

Example

 min-widthの例です。min-width を 150px に、width:100px; に指定しています。 min-width > width ですので、エレメントの幅は min-width の値になっています。