CSS min-width プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

<p> 要素の最小の幅を設定します:

p {
    min-width: 150px;
}
Try it Yourself ❯

定義と用法

min-width プロパティは、要素の最小幅を設定します。

これは、width プロパティの値が min-width より小さくなることを防止します。

注:min-width プロパティの値は、max-widthwidth の双方をオーバーライドします。 オーバーライドします。

デフォルト値: 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

CSS 構文

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 プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯