Свойство -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), и не совместимо с другими браузерами.
Смотри также:
Краткое описание
Синтаксис:
По умолчанию:
Применяется к:
Наследование:
не наследуетсяТип носителя:
Объектная модель документа (DOM):
Кроссбраузерная совместимость
Internet Explorer
5+ |
---|