Характеристики свойства
В каких браузерах работает?
| 6.0+ | 6.0+ | - | 4.0+ | - | - | - |
В каких версиях CSS используется?
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
| - | - | - | - |
Для чего используется?
Это свойство специально разработано для использования его в браузере Internet Explorer, однако системы Chrome и Safari легко распознают zoom и адекватно реагируют на его присутствие. Назначение свойства заключается в масштабировании объекта в соответствии с заданными параметрами.
Как правильно задавать?
zoom: значение;
пастеризационная установка, трубчатая пастеризационная установка для молока.
Какие могут быть значения?
Число, записанное в виде десятичной дроби с точкой. Если установлено число больше единицы - то срабатывает увеличивающий масштаб, в противном случае - уменьшающий. Число показывает во сколько раз необходимо изменить масштаб.Также допускается использовать процентные числа в качестве значений. В этом случае за 100% принимают нормальный размер элемента, которому также соответствует командное значение normal.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство zoom</title> <style> img:hover { zoom: 0.5; } </style> </head> <body> <img src="img/zoom.png" alt="zoom"> </body> </html>