Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство zoom

Дата:23.10.15 в 17:16

Характеристики свойства

В каких браузерах работает?

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>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: