max-widthプロパティは要素の最大の横幅を設定。IE6以前のバージョンは未対応な点に注意。
- プロパティ
-
max-width
- 値
-
em | px | %
- 対象
-
すべての要素(tableは除く)
- 継承の有無
-
なし
通常は最小幅[min-width]と同時指定します。
<div id="box">
<div id="***"></div>
<div id="***"></div>
<div id="***"></div>
</div>
---- CSS ----
#box {
min-width: 700px;
max-width: 900px;
}
IE6以前のブラウザ用にCSSファイルを作成するなどの対処が必要。
IE独自拡張スクリプトを記述
#box {
min-width: 700px;
max-width: 900px;
width: expression(document.body.clientWidth < 701? "700px":document.body.clientWidth > 901? "900px" : "100%");
position: relative;
}
IE用CSSファイルを読み込む
<head>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<!--[if gte IE 6]>
<link rel="stylesheet" href="IE用.css" type="text/css" media="screen" />
<![endif]-->
</head>
min-widthプロパティ
min-widthプロパティは要素の最小の横幅を設定。
- プロパティ
-
min-width
- 値
-
em | px | %
- 対象
-
すべての要素(tableは除く)
- 継承の有無
-
なし
