Propriedade zoom do CSS

Definição e uso

zoom O atributo especifica a的比例 do elemento. O elemento pode ser ampliado ou reduzido.

Exemplo

Exemplo 1

Usar para texto zoom Atributo:

p.a {
  zoom: normal;
}
p.b {
  zoom: 150%;
}
p.c {
  zoom: 0.6;
}

Experimente você mesmo

Exemplo 2

Usar zoom Ajuste de propriedade do elemento de tamanho:

div {
  border-radius: 100%;
  background: #73AD21;
  padding: 20px;
  width: 80px;
  height: 80px;
}
div.a {
  zoom: normal;
}
div.b {
  zoom: 150%;
}
div.c {
  zoom: 0.6;
}

Experimente você mesmo

Sintaxe do CSS

zoom: normal|%|number|unset|initial|inherit;

Valor do atributo

Valor Descrição
normal Valor padrão. O elemento é renderizado de maneira normal.
%

Especifique a的比例 em porcentagem.

100% = Normal.

Para ampliar, use valores maiores que 100%.

Para reduzir, use valores menores que 100%.
number

Especifique a的比例 em forma numérica (porcentagem).

1.0 = Normal.

Para ampliar, use valores maiores que 1.0.

Para reduzir, use valores menores que 1.0.
unset Desative a的比例（恢复为正常）。
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: normal
Herança: Não
Produção de animação: Suporte. Veja:Propriedades relacionadas a animação.
Versão: Módulo de Viewport do CSS Level 1
Sintaxe do JavaScript: object.style.zoom = "3"

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
1 12 126 3.1 15.0