La propriété non-standardzoom permet de manipuler l'effet d'agrandissement d'un élément. Plutôt que cette propriété non-standard, mieux vaudra utiliserles transformations CSS, si possible. Cependant, contrairement aux transformations CSS,zoom affecte la taille de l'élément.

Syntaxe

/* Valeurs avec un mot-clé */zoom: normal;zoom: reset;/* VAleurs exprimées en pourcents *//* Type <percentage> */zoom: 50%;zoom: 200%;/* Valeurs numériques *//* Type <number> */zoom: 1.1;zoom: 0.7;/* Valeurs globales */zoom: inherit;zoom: initial;zoom: unset;

Valeurs

normal

L'élément est affiché avec sa taille normale.

resetNon standard

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 (ou100%) , les valeurs supérieures à1.0 agrandissent l'élément et les valeurs inférieures le réduisent.

Syntaxe formelle

zoom =
<number [0,∞]>|
<percentage [0,∞]>

Exemples

CSS

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

HTML

<p>Petit</p><p>Normal</p><p>Gros</p>

Résultat

Spécifications

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

Compatibilité des navigateurs

Voir aussi

• L'article de CSS-Tricks surzoom
• bug Firefox 390936 à propos de l'implémentation de la propriété dans Firefox