This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

ms-interpolation-mode

Method of css/media_queriescss/media_queries

Syntax

var object = object.ms-interpolation-mode();

Return Value

Returns an object of type DOM NodeDOM Node

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.

<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>

View live example

Notes

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.

Syntax

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

See also

Related articles

Media Queries

Related pages

Attributions