Тег з прикладом:
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 7.0 | 8.0+ | ||||||
Кратка інформація
| Значення за замовчуванням | nearest-neighbor для IE7; bicubic для IE8 і новіших версій |
|---|---|
| Наслідується | Ні |
| Застосовується | До зображень |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
-ms-interpolation-mode вказує браузеру, який алгоритм використовувати при масштабуванні зображень. Це нестандартна властивість, яка підтримується лише браузером Internet Explorer починаючи з версії 7.0.
Синтаксис
-ms-interpolation-mode: bicubic | nearest-neighbor
Значення
- biqubic
- Підвищує якість зображення за рахунок використання бікубічного методу інтерполяції. Це надає згладжені межі і плавний тоновий діапазон кольорів.
- nearest-neighbor
- Застосовується метод інтерполяції за найближчими точками. Цей метод не створює згладжування навколо ліній і може бути рекомендований у випадках, коли потрібно зберегти початковий набір кольорів і різкість країв.
Вплив різних значень на вигляд зображення при збільшенні його масштабу показано на рис. 1.
Приклад
HTML5CSS2.1CSS3IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>-ms-interpolation-mode</title>
<style>
img { border: 1px solid #ccc; }
.fast {
-ms-interpolation-mode: nearest-neighbor;
}
</style>
</head>
<body>
<p><img src="images/russia.png" alt="Флаг " width="200">
<img src="images/russia.png" alt="Флаг " width="200" class="fast"></p>
</body>
</html>Браузери
Браузер Internet Explorer 7 застосовує властивість -ms-interpolation-mode лише до зображень без прозорості.