zoom property

Article
05/02/2017

Specifies the magnification scale of the object.

Syntax

HRESULT value = object.put_zoom( v);HRESULT value = object.get_zoom(* p);

Property values

Type: VARIANT

normal (normal)

Default. Magnification scale is normal. The object renders normal size.

number (number)

Floating-point number that specifies the magnification scale, where 1.0 is normal.

percentage (percentage)

Integer, followed by a %. The value is a percentage of the magnification scale, where 100% is normal.

String format

normal | number | percentage

CSS information

Applies To	All elements
Media	visual
Inherited	no
Initial Value	normal

Standards information

There are no standards that apply here.

Remarks

Windows Internet Explorer 8. The IHTMLRuleStyle3::zoom attribute is an extension to CSS, and can be used as a synonym for zoom in IE8 Standards mode.

Setting the value of the IHTMLRuleStyle3::zoom property on a rendered object causes the content that surrounds the object to reflow.

Even though the IHTMLRuleStyle3::zoom property is not inherited, it affects its children. This effect is similar to the transformation caused by the IHTMLBodyElement::background and IHTMLStyle::filter properties.

Examples

This example provides controls that let the user adjust the IHTMLRuleStyle3::zoom property.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/zoom.htm

In the HTML snippet below, the IHTMLRuleStyle3::zoom property is set to 100%.

<div style="zoom: 100%">
   <h1>Welcome to Seattle!</h1>
   <img src="seattlesmall.jpg">
   <p>A great city in the beautiful state of Washington.</p>
</div>

The image below shows the result.

In this HTML snippet below, the IHTMLRuleStyle3::zoom property has been changed to 0.75.

<div style="zoom: 0.75">
   <h1>Welcome to Seattle!</h1>
   <img src="seattlesmall.jpg">
   <p>A great city in the beautiful state of Washington.</p>
</div>