max-width

要素に対して、表示する最大幅を指定します。

ブラウザ

N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2

書式

要素[.class名][#id名]{ max-width : 値; }

▲PageTop

指定できる値

値	初期値	意味
数値+単位		最大幅を指定します。単位例：px,em,ex,%
none	○	幅の制限を行いません。
inherit		親要素の値を継承します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        max-width : 117px;
        width : 32%;
        border : 1px #999999 solid;
      }
    </style>
  </head>
  <body>
    <p>リサイズしても画像の幅は117px以上になりません。</p>
    <img src="../../../../images/development/htmlcss/image.gif" id="sample1">
  </body>
</html>

表示結果

サンプルコードの表示

▲PageTop

max-width

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

CSS