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%;
Use the font-size property if you want to specify the size of the font.
<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>
The normal text.
The zoom level is 2.
The zoom level is 150%.
The zoom level is 70%.