Свойство -ms-zoom

Свойство -ms-zoom устанавливает коэффициент масштабирования элемента и используется как для увеличения, так и для уменьшения размеров объекта. Значение по умолчанию -ms-zoom - normal, что соответствует, отображению элемента без масштабирования, с исходными размерами. Данное свойство может применяться ко всем элементам и не наследуется. Свойство -ms-zoom не является частью стандарта CSS и поддерживается только браузером Internet Explorer 8+. В версиях Internet Explorer < 8, а так же Google Chrome 1.0+ и Apple Safari 4.0+ используется аналогичное свойство zoom. Для достижения кроссбраузерной совместимости целесообразнее использовать свойство transform из модуля CSS3 2D Transforms.

Если для элемента вложенного в другой элемент так же установлен коэффициент масштабирования, то для дочерного элемента размеры будут расчитываться не относительно его исходного размера, а относительно его исходного размера с учетом масштаьбирования родительского элемента. Хотя свойство {name} не наследуется, но изменение масштаба коснется всех потомков данного элемента.

Допустимые значения 

  • <вещественное число> - Вещественное число, указывающее коэффициент масштабирования, где 1.0 соответствует исходным размерам, или значению normal. Значения меньше 1.0 соответствуют уменьшению, а больше 1.0 - увеличению масштаба. Отрицательные значения игнорируются.
  • <проценты> - Процентное значение, указывающее коэффициент масштабирования, где 100% соответствуют исходным размерам, или значению normal. Значения меньше 100% соответствуют уменьшению, а больше 100% - увеличению масштаба. Отрицательные значения игнорируются.
  • normal - масштабирование отсутствует, элемент отображается с исходными размерами

Примеры использования

Значение Результат
.zoom-normal {
    -ms-zoom: normal;
    -ms-zoom: 100%;
    -ms-zoom: 1;
}
нормальное отображение
100%
.zoom-in {
    -ms-zoom: 125%;
    -ms-zoom: 1.25;
}
увеличенный масштаб
125%
.zoom-out {
    -ms-zoom: 75%;
    -ms-zoom: 0.75;
}
уменьшенный масштаб
75%
.zoom-multiply-outer {
    -ms-zoom: 125%;
    -ms-zoom: 1.25;
}
.zoom-multiply-inner {
    -ms-zoom: 80%;
    -ms-zoom: 0.80;
}
вложенный масштаб
125% + 80%
реальный размер:
125% * 80% = 100%

 

Свойство -ms-zoom относится к спецификации CSS, применяется к всем элементам, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение normal. Является расширением движка Trident (браузер Internet Explorer), и не совместимо с другими браузерами.

Смотри также:

Краткое описание

Синтаксис:

<вещественное число> | <проценты> | normal

По умолчанию:

normal

Применяется к:

всем элементам

Наследование:

не наследуется

Тип носителя:

визуальные

Объектная модель документа (DOM):

[элемент].style['-ms-zoom']

Кроссбраузерная совместимость

Internet Explorer

5+

Firefox

не поддерживается

Chrome

не поддерживается

Safari

не поддерживается

Opera

не поддерживается