30 08 2010

-ms-interpolation-mode Attribute | msInterpolationMode Property

bigCat Posted in CSS - Comment.isBlank

http://msdn.microsoft.com/en-us/library/ms530822%28VS.85%29.aspx\r\n\r\nSets or retrieves the interpolation (resampling) method used to stretch images.\r\n\r\nSyntax\r\n

\r\n
\r\n
\r\n
\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n

HTML { -ms-interpolation-mode : sMode }
Scripting [ sMode = ] object.style.msInterpolationMode [ = v ]

\r\n

\r\nPossible Values\r\n

\r\n
\r\n
\r\n
\r\n

\r\n

\r\n

\r\n

\r\n

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.

\r\nThe 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.

\r\nRemarks\r\n

msInterpolationMode was introduced in Windows Internet Explorer 7.\r\n\r\nThe 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.\r\n\r\nIf the zoom level of the page is 100%, the default interpolation is nearest-neighbor, otherwise bicubic mode is used.

\r\nExample\r\n

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.\r\n
\r\n
\r\n
\r\n

\r\n

\r\n

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

\r\n

\r\n

\r\n

\r\n

\r\n

\r\n\r\nThis 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.\r\n\r\n

\r\nStandards Information\r\n

This property is a Microsoft extension to Cascading Style Sheets (CSS) World Wide Web link.

\r\nApplies To\r\n

\r\n
\r\n
\r\n

\r\n

\r\n

\r\n

\r\n

currentStyle, IMG, runtimeStyle, style, CSSCurrentStyleDeclaration Constructor, CSSRuleStyleDeclaration Constructor, CSSStyleDeclaration Constructor

Host: (miao) | Word: Press | Code: HTML5