zoom

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Summary

The non-standard zoom CSS property can be used to control the magnification scale of an element. transform: scale() should be used instead of this property if possible. However, unlike CSS Transforms, zoom affects the layout size of the element.

Initial value	`normal`
Applies to	all elements
Inherited	no
Media	visual

Value not found in DB!

Syntax

Values

normal: Render this element at its normal size.
reset: Do not (de)magnify this element if the user applies non-pinch-based zooming (e.g. by pressing Ctrl-- or Ctrl++ keyboard shortcuts) to the document. Only supported by WebKit (and possibly Blink).
<percentage>: Zoom factor. 100% is equivalent to normal. Values larger than 100% zoom in. Values smaller than 100% zoom out.
<number>: Zoom factor. Equivalent to the corresponding percentage (1.0 = 100% = normal). Values larger than 1.0 zoom in. Values smaller than 1.0 zoom out.

Formal syntax

normal | reset | <number> | <percentage>

Specifications

This property is nonstandard and originated in Internet Explorer. Microsoft has a description on MSDN. Apple has a description in the Safari CSS Reference. Rossen Atanassov of Microsoft has an unofficial draft specification proposal on GitHub.

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	(Yes)	No support [1]	5.5	(Yes)	4.0
The `reset` value	?	?	?	?	(Yes)

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	?	? [1]	?	?	?
The `reset` value	?	?	?	?	?

[1]: bug 390936 – Implement Internet Explorer zoom property for css