zoom

InternetExplore独自のプロパティで、要素を拡大表示することができます。


ブラウザ

IE5.5 / IE6

▲PageTop

書式

要素[.class名][#id名]{ zoom : 値; }

▲PageTop

指定できる値

値 初期値 意味
normal ○ 通常通りに表示されます。
【normal】
等倍
【数値】
等倍＝1.0
【数値+%】
等倍＝100%
 指定した倍率で表示されます。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
          zoom : normal;
      }
      #sample2 {
        zoom : 1.5;
      }
      #sample3 {
        zoom : 200%;
      }
      #sample {
        float : left;
        margin-left : 10px;
      }
    </style>
  </head>
  <body>
    ■イメージ<br>
    <div id="sample">
      【normal】<br>
      <img id="sample1" src="../../../../images/development/htmlcss/zoom-sample.gif" alt="等倍画像">
    </div>
    <div id="sample">
      【1.5】<br>
      <img id="sample2" src="../../../../images/development/htmlcss/zoom-sample.gif" alt="1.5画像">
    </div>
    <div id="sample">
      【200%】<br>
      <img id="sample3" src="../../../../images/development/htmlcss/zoom-sample.gif" alt="2倍画像">
    </div>
    <br style="clear:left;"><br>
    ■テキスト<br>
    <div id="sample1">テキストに【zoom : normal】を指定。</div>
    <div id="sample2">テキストに【zoom : 1.5】を指定。</div>
    <div id="sample3">テキストに【zoom : 200%】を指定。</div>
  </body>
</html>

表示結果

■イメージ
【normal】
等倍画像
【1.5】
1.5画像
【200%】
2倍画像


■テキスト
テキストに【zoom : normal】を指定。
テキストに【zoom : 1.5】を指定。
テキストに【zoom : 200%】を指定。

▲PageTop

▲