From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/css/zoom/index.html | 102 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 102 insertions(+) create mode 100644 files/fr/web/css/zoom/index.html (limited to 'files/fr/web/css/zoom') diff --git a/files/fr/web/css/zoom/index.html b/files/fr/web/css/zoom/index.html new file mode 100644 index 0000000000..d68f95a128 --- /dev/null +++ b/files/fr/web/css/zoom/index.html @@ -0,0 +1,102 @@ +--- +title: zoom +slug: Web/CSS/zoom +tags: + - CSS + - Non-standard + - Propriété + - Reference +translation_of: Web/CSS/zoom +--- +
{{CSSRef}}{{Non-standard_header}}
+ +

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, 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.
+
reset {{non-standard_inline}}
+
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).
+
{{cssxref("<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.
+
{{cssxref("<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

+ +
{{csssyntax}}
+
+ +

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 class="petit">Petit</p>
+<p class="normal">Normal</p>
+<p class="gros">Gros</p>
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples","100%","200")}}

+ +

Spécifications

+ +

Cette propriété n'est pas standard et est née avec Internet Explorer. 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

+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ + + +

{{Compat("css.properties.zoom")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf