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. Even though this property is not inherited, it still affects the rendering of child elements.
Example |
div { zoom: 200% } This is x2 text |
|
|
Possible Values |
Value Description 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] | Positive floating point number, followed by a percentage character (”%”) 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. |
|
|