Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
6.0+ | 6.0+ | 4.0+ |
Значение по умолчанию | normal |
---|---|
Наследуется | Нет |
Применяется | Ко всем элементам |
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Изменяет масштаб объекта согласно заданному значению.
zoom: <значение> | <проценты> | normal
Пример
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>zoom</title> <style> .zoom:hover { zoom: 3; } </style> </head> <body> <p><img src="images/ru.png" alt="RU" class="zoom"> <img src="images/com.png" alt="COM" class="zoom"></p> </body> </html>
В данном примере масштаб рисунка увеличивается в три раза при наведении на него курсора мыши.
[window.]document.getElementById(«elementID«).style.zoom
Браузер Internet Explorer с версии 8.0 понимает также свойство -ms-zoom
.
Сайт