ホーム>HTMLリファレンス(アルファベット検索)>zoomプロパティ
zoom プロパティ …拡大・縮小表示する
使用プロパティ
|
zoom: 値; |
対象となる
要素 |
すべて |
継承 |
しない
|
値 |
数値(単位なし・1.0が標準サイズ)、% (パーセンテージ)、normal(標準サイズ) |
|
|
解説
zoom プロパティを使えば、要素を拡大・縮小表示する。
※ zoom プロパティは Internet Explorer 独自のプロパティで、対応していないブラウザで表示すると表示が崩れる場合がありますので注意が必要です。
|
使用例
記述例
<html>
<head>
<title>HOME PAGE ZERO ガイド</title>
<!--スタイルシート-->
<style type="text/css">
.sample1 {
zoom: normal;
}
.sample2 {
zoom: 2;
}
.sample3 {
zoom: 50%;
}
</style>
</head>
<!--ページの本文-->
<body>
<p class="sample1">標準サイズ</p>
<p class="sample2">2倍に拡大</p>
<p class="sample3" style="padding-bottom: 20px;" >80%のサイズに縮小</p>
<div>標準サイズ<br> <img src="logo.gif" width="172" height="60" alt="サンプル" class="sample1">
</div>
<div>2倍に拡大<br>
<img src="logo.gif" width="172" height="60" alt="サンプル" class="sample2">
</div>
<div>80%に縮小<br>
<img src="logo.gif" width="172" height="60" alt="サンプル" class="sample3">
</div>
</body>
</html> |
|
[ブラウザでの表示例]
HOME PAGE ZERO ガイド |
標準サイズ
2倍に拡大
80%に縮小
標準サイズ
2倍に拡大
80%に縮小
|
△ページトップへ
ホームページ初心者ガイド|
HTML|
CSS|
ホームページお役立ち情報|
ホームページレベルアップ情報|
その他