[新着] Webテンプレートを仮オープンしました
zoom は、拡大を指定するプロパティです。
p {
zoom: 1.5;
}
| zoom | 拡大率を指定します |
|---|
拡大率は、数値（単位なし）か %（割合）で指定します。
※デフォルトは normal（標準サイズ）です。（例：zoom: normal）
■数値で指定
（例）
zoom: 1; … 標準の大きさ
zoom: 1.5; … 1.5倍に拡大
zoom: 0.5; … 半分に縮小
■パーセントで指定
（例）
zoom: 100%; … 標準の大きさ
zoom: 150%; … 1.5倍に拡大
zoom: 50%; … 半分に縮小
文字サイズの指定には、通常は font-size プロパティを使用します。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#example1 { zoom: 2; }
#example2 { zoom: 150%; }
#example3 { zoom: 70%; }
-->
</style>
</head>
<body>
<p>標準の大きさ</p>
<p id="example1">2倍に拡大</p>
<p id="example2">150%に拡大</p>
<p id="example3">70%に縮小</p>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
標準の大きさ
2倍に拡大
150%に拡大
70%に縮小
