zoom

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

La propriété non-standard zoom permet de manipuler l'effet d'agrandissement d'un élément. Plutôt que cette propriété non-standard, mieux vaudra utiliser les transformations CSS (il paraît que ça sauve des chatons).

  • Valeur initiale : normal
  • Applicable à : tous les éléments
  • Héritée : non
  • Type de média : visuel

Valeur introuvable dans la base de données

Syntaxe

Valeurs

normal
L'élément est affiché avec sa taille normale.
reset
Do not (de)magnify this element if the user applies non-pinch-based zooming (e.g. by pressing Ctrl-- ou Ctrl++) to the document. Only supported by WebKit (and possibly Blink).
<percentage>
Le facteur de zoom à appliquer. 100% est équivalent au mot-clé normal. Les valeurs supérieures à 100% agrandissent l'élément et les valeurs inférieures le réduisent.
<number>
Le facteur de zoom à appliquer. La valeur fonctionne de la même façon que les pourcentages :  1.0 correspond à normal (ou 100%) , les valeurs supérieures à 1.0 agrandissent l'élément et les valeurs inférieures le réduisent.

Syntaxe formelle

normal | reset | <number> | <percentage>

Exemples

CSS

p.small {
  zoom: 75%;
}
p.normal {
  zoom: normal;
}
p.big {
  zoom: 2.5;
}
p {
  display: inline-block;
}
p:hover {
  zoom: reset;
}

HTML

<p class="petit">Petit</p
<p class="normal">Normal</p>
<p class="gros">Gros</p>

Résultat

Spécifications

Cette propriété n'est pas standard et est née avec Internet Explorer. Elle est décrite par Microsoft sur MSDN. Apple la décrit dans la référence CSS pour Safari. Rossen Atanassov, de Microsoft, a dressé un brouillon de spécification sur GitHub.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Support simple (Oui) Pas de support [1] (Oui) 5.5 (Oui) 4.0
La valeur reset ? ? ? ? ? (Oui)
Fonctionnalité Android Firefox Mobile (Gecko) Edge IE Mobile Opera Mobile Safari Mobile
Support simple ? ? [1] (Oui) ? ? ?
La valeur reset ? ? ? ? ? ?

[1] Cf. bug 390936

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,