CSS min-width 属性

定義と使用方法

min-width 属性は要素の最小幅を設定します。

説明

この属性値は、要素の幅の設定に最小制限を設けます。したがって、要素は指定された値より広くなることができますが、狭くなることはできません。負の値を指定することはできません。

も参照してください：

CSS 教程：CSS サイズ

CSS リファレンスマニュアル：CSS max-width 属性

HTML DOM リファレンスマニュアル：minWidth 属性

例

段落の最小幅を設定：

p
  {
  min-width:100px;
  }

実際に試してみる

CSS 文法

min-width: length|initial|inherit;

属性値

値 説明
length 要素の最小幅の値を定義します。デフォルト値：ブラウザによって異なります。
% このブロックレベルの要素に基づく百分率の最小幅を定義します。
inherit 親要素から min-width 属性の値を継承すべきことを指定します。

技術的詳細

デフォルト値： none
継承性： no
バージョン： CSS2
JavaScript 文法： object.style.minWidth="50px"

TIY 実例

ピクセル値を使用して要素の最小幅を設定
この例では、ピクセル値を使用して要素の最小幅を設定する方法を示します。
百分率を使用して要素の最小幅を設定
この例では、百分率を使用して要素の最小幅を設定する方法を示します。

ブラウザのサポート

このテーブルの数字には、この属性を完全にサポートする最初のブラウザのバージョンが記載されています。

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 4.0