The zoom property is used in CSS and certain HTML elements. This property controls the magnification level for the current element. The rendering effect for the element is that of a "zoom" function on a camera, or a webpage. Even though this property is not inherited, it still affects the rendering of child elements.

Values

• normal - No magnification is applied. The object is rendered as it normally would be.
• <number> - Positive floating point number indicating a zoom factor. Numbers smaller than 1.0 indicate a "zoom out" or size reduction effect, while numbers greater than 1.0 indicate a magnifying effect.
• <percentage> - A percentage value containing a positive floating point number which indicates a zoom factor. Percentages smaller than 100% indicate a "zoom out" or size reduction effect, while numbers greater than 100% indicate a magnifying effect.

HTML example:

<div style="zoom:200%;">This stuff is magnified by x2.</div>

CSS example:

div {
     zoom:200%;
}