サイト内検索

...スタイルシート(css)...

スタイルシート・画像

画像の拡大

画像の拡大を指定するには、zoomプロパティを指定します。
img要素に設定すると、画像の拡大・縮小の指定ができます。
IEのみに対応しています。
[使い方]
.sample1{zoom: 1.5;}
.sample2{zoom: 80%;}
[メモ]
zoomプロパティは、
W3C・CSS検証サービスでは、存在しません。
プロパティ名 説明
zoom:; サイズは「数値」
0.70.7に縮小
標準
2倍に拡大
または「%」
70%70%に縮小
100%標準
200%2倍に拡大
normal;(標準値・初期設定値)

サンプル

[headの中]

<style type="text/css">
<!--
.sample1{zoom: 1.5;}
.sample2{zoom: 80%;}
-->
</style>

[bodyの中]

<img src="img/sample.JPG" alt="サンプル" width="110" height="70">
指定なし

<img src="img/sample.JPG" width="110" height="70" class="sample1">
1.5倍に拡大

<img src="img/sample.JPG" width="110" height="70" class="sample2">
80%に縮小

[ブラウザ上]

サンプル指定なし


サンプル1.5倍に拡大
サンプル80%に縮小

Copyright c 2007.10.01 luc All rights reserved.
Valid XHTML 1.0 Transitional