This article needs a technical review. How you can help.
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. CSS transforms should be used instead of this property if possible.
| 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-minus or Ctrl-plus keyboard shortcuts) to the document. Only supported by WebKit (and possibly Blink).
<percentage>- Zoom factor.
100%is equivalent tonormal. Values larger than100%zoom in. Values smaller than100%zoom out. <number>- Zoom factor. Equivalent to the corresponding percentage (
1.0=100%=normal). Values larger than1.0zoom in. Values smaller than1.0zoom 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
Browser compatibility
| 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