Zoom

Zoom je nestandardní CSS vlastnost fungující pouze v Internet Exploreru a v Chrome. Jinak řečeno nefunguje ve Firefoxu. Zadává se v procentech nebo jako násobek zvětšení. Způsobuje vizuální zvětšení nebo zmenšení prvku.

V návrhu je nahrazení nestandardní vlastnosti zoom vlastností transform s hodnotou scale(násobek). V praxi se dá použít pro Firefox vlastnost -moz-transform (viz odkazovaný příklad), ale v Opeře se podobný efekt nijak vykouzlit nedá (únor 2010).

Podpora vlastnosti zoom
Prohlížeč Podpora Poznámka
Internet Explorer ano  
Firefox ne lze nahradit zápisem transform: scale(2)
Webkit (Chrome, Safari) ano též podporuje -webkit-tranform: scale(2)

Pokud se použijí vlatnosti tranform nebo -něco-tranform, je nutno počítat s tím, že se to nechová stejně jako zoom v Exploreru. Rozdíl je v tom, že transform si vyhradí místo v dokumentu a pak jenom s prvkem něco udělá. Zoom se chová očekávatelněji: prostě prvek zvětší (zmenší) a vyhradí mu i větší (menší) místo.

Příklad

Příklad CSS vlastnosti zoom

 

Reklama

www.webhosting-c4.cz, webhosting s doménou v ceně. 20GB
o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Přehled hodnot Vlastnosti CSS příklady

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.