{{ CSSRef() }}
{{ Non-standard_header() }}
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 |
Syntax
Values
normal
- Render this element at its normal size.
reset
{{non-standard_inline}}- 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).
- {{Xref_csspercentage}}
- Zoom factor.
100%
is equivalent tonormal
. Values larger than100%
zoom in. Values smaller than100%
zoom out. - {{Xref_cssnumber}}
- Zoom factor. Equivalent to the corresponding percentage (
1.0
=100%
=normal
). Values larger than1.0
zoom in. Values smaller than1.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
Browser compatibility
{{ CompatibilityTable() }}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | {{ CompatVersionUnknown() }} | {{ CompatNo() }} [1] | 5.5 | {{ CompatVersionUnknown() }} | 4.0 |
The reset value |
{{ CompatUnknown() }} | {{ CompatUnknown() }} | {{ CompatUnknown() }} | {{ CompatUnknown() }} | {{ CompatVersionUnknown() }} |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | {{ CompatUnknown() }} | {{ CompatUnknown() }} [1] | {{ CompatUnknown() }} | {{ CompatUnknown() }} | {{ CompatUnknown() }} |
The reset value |
{{ CompatUnknown() }} | {{ CompatUnknown() }} | {{ CompatUnknown() }} | {{ CompatUnknown() }} | {{ CompatUnknown() }} |
[1]: {{bug(390936, 'summary')}}