Свойство CSS zoom отвечает за масштабирование элементов (картинки, текста, блоки) в html (зумирование).
Синтаксис CSS zoom
zoom: value;
Где zoom может принимать вещественные значения, а также проценты. Значение 1.0 (или 100%) - означает, что масштабирование отсутствует (по умолчанию).
Это свойство поддерживается только браузерами ЯндексБраузер, Internet Explorer 5.5+, Google Chrome 1.0+ и Apple Safari 4.0+. Поэтому особого смысла его использовать нет.
Примеры: масштабирование в html через zoom
<html> <head> <style> .primer1{ zoom: 1; } .primer1:hover{ zoom: 2; } </style> </head> <body> <div class="primer1">Текст масштабируется</div> </body> </html>
На странице преобразуется в следующее
Для обращения к zoom из JavaScript нужно писать следующую конструкцию:
[window.]document.getElementById("elementID").style.zoom="VALUE"
Читайте также:
• CSS border
• CSS background
• CSS transition
• Свойство text-decoration
• Свойство vertical-align
• Свойство opacity
• Отступ padding
• Отступ margin
• Линейный градиент
• Радиальный градиент