Sets or retrieves the interpolation (resampling) method used to stretch images.
Syntax
| HTML |
{ -ms-interpolation-mode : sMode }
|
|---|
| Scripting | [ sMode = ] object.style.msInterpolationMode [ = v ] |
|---|
Possible Values
| sMode | String that
specifies or receives one of the following values.nearest-neighbor- Always use nearest neighbor interpolation mode.
bicubic- Always use high-quality bicubic interpolation mode.
|
The property is read/write
for all objects except the following, for which it is read-only:
currentStyle.
The property has no default value. The Microsoft Cascading Style Sheets (CSS) extension is
not inherited.
Remarks
msInterpolationMode was introduced in Windows Internet Explorer 7.
The msInterpolationMode 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.
Example
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>
This feature requires Windows Internet Explorer 7 or later. Click the following icon to install the latest version. Then reload this page to view the sample.
.gif)
Standards Information
This property is a Microsoft extension to
Cascading Style Sheets (CSS) .gif)
.
Applies To