初級篇★ページ作りの基礎知識２. スタイルシートを使ってみよう

VOL13. IE独自拡張による設定　その5 ★ 要素を拡大、縮小表示する（IE5.5以降で有効）

zoom: <値>;

テキストや画像などを拡大、もしくは縮小表示させることができます。<値>に指定できるのは、以下の3つです。

数値 ... 元のサイズを1として、倍数で指定します。

数値+% ... 元のサイズ(100%)に対する比率を%で指定します。

normal ... 本来のサイズ (デフォルト)

ex1.) img.zoom { zoom: 0.8; }

ex2.) p.zoom { zoom: 80%; }

元の大きさ

　　　↓

{ zoom:80%; }

HTMLは以下のように書かれています。

<p class="zoom">なんかずっとツユなお天気が続いてますが、関西では来週あたりから晴れの日も多くなるような予報が出ています。</p>

初級篇2.VOL13. IE独自拡張による設定・その4 <<

>> 初級篇2.VOL13. IE独自拡張による設定・その6