サイト内検索
...スタイルシート(css)...
スタイルシート・画像
画像の拡大
- 画像の拡大を指定するには、zoomプロパティを指定します。
- img要素に設定すると、画像の拡大・縮小の指定ができます。
- ＩＥのみに対応しています。
- [使い方]
- .sample1{zoom: 1.5;}
- .sample2{zoom: 80%;}
- [メモ]
- zoomプロパティは、
- W3C・CSS検証サービスでは、存在しません。
| プロパティ名 | 値 | 説明 | |||||||
|---|---|---|---|---|---|---|---|---|---|
| zoom： | ; | サイズは「数値」 | 例
|
||||||
| または「%」 | 例
|
||||||||
| normal; | (標準値・初期設定値) | ||||||||
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
.sample1{zoom: 1.5;}
.sample2{zoom: 80%;}
-->
</style>
[ｂｏｄｙの中]
<img src="img/sample.JPG" alt="サンプル" width="110" height="70">指定なし
<img src="img/sample.JPG" width="110" height="70" class="sample1">
1.5倍に拡大
80%に縮小
[ブラウザ上]
指定なし
1.5倍に拡大
80%に縮小