13 out of 25 rated this helpful - Rate this topic

-ms-interpolation-mode property

Obsolete. Gets or sets the interpolation (resampling) method used to stretch images.

Syntax

-ms-interpolation-mode: nearest-neighbor | bicubic

Property values

nearest-neighbor: Always use nearest neighbor interpolation mode.
bicubic: Always use high-quality bicubic interpolation mode.

CSS information

Applies To	All elements
Media	visual
Inherited	no
Initial Value

Remarks

The -ms-interpolation-mode property is obsolete as of Windows Internet Explorer 9. Do not use. The -ms-interpolation-mode property was introduced in Windows Internet Explorer 7.

The -ms-interpolation-mode property applies to stretched images only. For example, if the natural width of the image is 200x200 but the page designer specifies that the height and width should be 400x400, then the image will be stretched to the new dimensions using the nearest-neighbor algorithm, unless otherwise specified.

If the zoom level of the page is 100%, the default interpolation is nearest-neighbor, otherwise bicubic mode is used.

Examples

The following example applies the -ms-interpolation-mode attribute to determine the resampling algorithm of stretched images. The sample requires Internet Explorer 7 or later to view.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/css/msInterpolation.htm


<html>
<head>
<style>
img.highqual { -ms-interpolation-mode:bicubic }
img.nearestn { -ms-interpolation-mode:nearest-neighbor }
</style>
</head>
<body>
<img src="sphere.jpg" width="175" height="350" class="nearestn">
<img src="sphere.jpg" width="175" height="350">
<img src="sphere.jpg" width="175" height="350" class="highqual">
<p>Change the zoom level of the page to see the difference.</p>
</body>
</html>

Community Additions

ADD