CSSmax -widthプロパティ
例
<p>要素の最大幅を150ピクセルに設定します。
p.ex1 {
max-width: 150px;
}
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
プロパティは、要素のmax-width
最大幅を定義します。
コンテンツが最大幅よりも大きい場合、要素の高さが自動的に変更されます。
コンテンツが最大幅よりも小さい場合、
max-width
プロパティは効果がありません。
注:これにより、
widthプロパティの値が。より大きくなる
のを防ぎますmax-width
。プロパティの値は
max-width
、widthプロパティをオーバーライドします。
デフォルト値: | なし |
---|---|
遺伝性の: | いいえ |
アニメート可能: | はい、個々のプロパティを参照してください。アニメート可能について読む |
バージョン: | CSS2 |
JavaScript構文: | オブジェクト.style.maxWidth = "600px" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
max-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
CSS構文
max-width: none|length|initial|inherit;
プロパティ値
Value | Description | Play it |
---|---|---|
none | No maximum width. This is default | |
length | Defines the maximum width in px, cm, etc. Read about length units | |
% | Defines the maximum width in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
その他の例
例
<p>要素の最大幅をコンテナの50%に設定します。
p.ex1 {
max-width: 50%;
}
関連ページ
CSSチュートリアル:CSSの高さと幅
CSSリファレンス:min-widthプロパティ
HTML DOMリファレンス:maxWidthプロパティ