WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > min-width
min-width  幅高 

幅の最小値を指定する。

このエントリーをはてなブックマークに追加

min-widthプロパティは、 <IMG><INPUT><TEXTAREA><SELECT> などの領域の幅の最小値を指定する際に使用します。

書式

(例) min-width:50px;

パラメーター

数値で指定
 数値にpxなどの単位をつけて指定。
%で指定
 親ブロックとの割合を%で指定。

サンプルコード(min-width:150px;)

<span style="background-color:#f0f0ff;min-width:150px;">あいうえお</span>
<span style="background-color:#f0f0ff;min-width:150px;">あいうえお<br />かきくけこ<br />さしすせそ<br />たちつてと</span>
あいうえお
あいうえお
かきくけこ
さしすせそ
たちつてと

フォーム部品

<input type="text" style="min-width:90px;" value="入力できます。" />
<input type="button" style="min-width:90px;" value="ボタンです。" />