ウェブランサー

zoom - 要素を拡大・縮小表示する

対応ブラウザ
IE7対応IE8対応Firefox非対応Chrome非対応Opera非対応Safari非対応
適用対象 全ての要素
継承 しない

zoomプロパティは、文字や画像に拡大倍率を指定します。Internet Explorerが独自に追加したプロパティです。 filterプロパティは、Internet Explorerが独自に追加したプロパティなのであまり使う機会は無いと思います。文字のサイズ指定はfont-sizeプロパティを指定した方が良いでしょう。

zoomに与えられる値

zoom: normal;
標準のサイズで表示します。
zoom: 数値で指定する;
拡大率を数値で指定します。1.0が標準サイズです。
zoom: %値で指定する;
拡大率を%値で指定します。100%が標準サイズです。

zoomの使用サンプル

CSS
.sample01 {
 zoom: 150%;
}
XHTML
<div>
指定なし<br />
<img src="images/sample.png" alt="" />
</div>

<div class="sample01">
sample01 [zoom: 150%;]<br />
<img src="images/sample.png" alt="" />
</div>
表示確認
指定なし
sample01 [zoom: 150%;]

zoomに関連するCSSプロパティ

要素の表示や配置方法
alignment-adjust 要素の水平位置を揃える基準を指定する
alignment-baseline 要素の水平位置を揃える際に親要素との相対関係に基いて指定する
bottom positionに従って要素を配置する際に、底辺からの距離を指定する
clear 要素の回り込み(float)を解除する
clip 要素の回り込み(float)を解除する
display 要素の表示形式を指定する
float 要素を右または左へ寄せて配置する
left positionに従って要素を配置する際に、左辺からの距離を指定する
overflow 要素からはみ出した内容の表示方法をまとめて指定する
overflow-style 要素からはみ出した内容の表示スタイルを指定する
overflow-wrap 長い単語の折り返し方法について指定する
overflow-x 要素からはみ出した内容の水平方向の表示方法を指定する
overflow-y 要素からはみ出した内容の垂直方向の表示方法を指定する
position 要素の配置方法について相対的か絶対的にするかを指定する
right positionに従って要素を配置する際に、右辺からの距離を指定する
visibility 要素の領域を残したまま表示・非表示を指定する
z-index 要素の重なり順序を指定する
zoom 要素の表示倍率(拡大・縮小)を指定する