Свойство CSS zoom

Свойство 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

• Линейный градиент

• Радиальный градиент


← Перейти в каталог CSS уроков

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.