zoom: ***;
Browser |
|
---|---|
Type |
|
The zoom property sets the zoom level.
p {
zoom: 1.5;
}
Property | Value | Explanation |
---|---|---|
zoom | number, %, or normal | the zoom level of the text |
The default is "normal".
zoom: 1.5;
zoom: 0.5;
zoom: 150%;
zoom: 50%;
Example
<html>
<head>
<title>TAG index</title>
<style type="text/css">
#example1 { zoom: 2; }
#example2 { zoom: 150%; }
#example3 { zoom: 70%; }
</style>
</head>
<body>
<p>The normal text.</p>
<p id="example1">The zoom level is 2.</p>
<p id="example2">The zoom level is 150%.</p>
<p id="example3">The zoom level is 70%.</p>
</body>
</html>
- Output
-
The normal text.
The zoom level is 2.
The zoom level is 150%.
The zoom level is 70%.