min-width プロパティは、要素の最小幅を設定します。
これは、width プロパティの値が min-width より小さくなることを防止します。
注:min-width プロパティの値は、max-width と width の双方をオーバーライドします。 オーバーライドします。
| デフォルト値: | 0 |
|---|---|
| 継承: | 継承する |
| アニメーション可否: | yes, 個別のプロパティを参照してください. animatable を参照 Try it |
| バージョン: | CSS2 |
| JavaScript 構文: | object.style.minWidth="400px" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| min-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 4.0 |
min-width: length|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| length | デフォルト値は 0 です。最小幅を px、cm などで定義します | Play it ❯ |
| % | 最小幅を包含ブロックの割合で定義します | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル: CSS Dimension
CSSリファレンス:max-width プロパティ
HTML DOM リファレンス: minWidth プロパティ