CSS zoom ominaisuus

Määrittely ja käyttö

zoom Ominaisuus määrittää elementin zoomausprosentin. Elementti voidaan suurentaa tai pienentää.

Esimerkki

Esimerkki 1

Tekstille: zoom Ominaisuus:

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

Kokeile itse

Esimerkki 2

Käytä zoom Ominaisuus elementin koosta:

div {
  reunaväli: 100%;
  tausta: #73AD21;
  sisennys: 20px;
  leveys: 80px;
  korkeus: 80px;
}
div.a {
  zoom: normal;
}
div.b {
  zoom: 150%;
}
div.c {
  zoom: 0.6;
}

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
normal Oletusarvo. Elementti renderöidään normaalilla tavalla.
%

Määritä zoomaus prosentteina.

100% = Normaali.

Lähetä, käyttämällä arvoa yli 100%.

Pienennä, käyttämällä arvoa alle 100%.
number

Määritä zoomaus luvulla (prosentteina).

1.0 = Normaali.

Lähetä, käyttämällä arvoa yli 1.0.

Pienennä, käyttämällä arvoa alle 1.0.
unset Poista zoomaus (palauta normaaliksi).
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Periisi tästä ominaisuudesta vanhemmalta elementiltä. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: normal
Perintä: Ei
Animaation tekeminen: Tuki. Katso:Animaatiot.
Versio: CSS Viewport Module Level 1
JavaScript-kieli: object.style.zoom = "3"

Selaimen tuki

Taulukon numerot ilmaisevat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Opera
1 12 126 3.1 15.0