min-width プロパティ

　min-width プロパティは、エレメントの最小の幅を指定するプロパティです。
　エレメントの幅はこのプロパティで指定された値より小さくなりません。width や　max-width を指定すればその幅で表示されます。

エレメントの最小幅を500pxに

min-width: 500px;

詳しくは Example を参照してください

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

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

構文(Syntax)

min-width: length | initial | inherit;

値の取得

String = object.style.minWidth;

値の設定

object.style.minWidth="length | initial | inherit";

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

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