From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/zoom/index.md | 100 ++++++++++++++++++++++++----------------- 1 file changed, 60 insertions(+), 40 deletions(-) (limited to 'files/fr/web/css/zoom') diff --git a/files/fr/web/css/zoom/index.md b/files/fr/web/css/zoom/index.md index 2d251aa1be..43612f3a43 100644 --- a/files/fr/web/css/zoom/index.md +++ b/files/fr/web/css/zoom/index.md @@ -8,53 +8,72 @@ tags: - Reference translation_of: Web/CSS/zoom --- -
{{CSSRef}}{{Non-standard_header}}
+{{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.

+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](/fr/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms), si possible. Cependant, contrairement aux transformations CSS, **`zoom`** affecte la taille de l'élément. -

Syntaxe

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

Valeurs

+### 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.
-
+- `normal` + - : L'élément est affiché avec sa taille normale. +- `reset` {{non-standard_inline}} -

Syntaxe formelle

+ - : 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

+## Exemples -

CSS

+### CSS -
p.petit {
+```css
+p.petit {
   zoom: 75%;
 }
 p.normal {
@@ -68,32 +87,33 @@ p {
 }
 p:hover {
   zoom: reset;
-}
+} +``` -

HTML

+### HTML -
<p class="petit">Petit</p>
-<p class="normal">Normal</p>
-<p class="gros">Gros</p>
+```html +

Petit

+

Normal

+

Gros

+``` -

Résultat

+### Résultat -

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

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

Spécifications

+## 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

+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](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW15). Rossen Atanassov, de Microsoft, a dressé [un brouillon de spécification sur GitHub](https://cdn.rawgit.com/atanassov/css-zoom/master/Overview.html) -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

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

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

Voir aussi

+## Voir aussi - +- [L'article de CSS-Tricks sur `zoom`](https://css-tricks.com/almanac/properties/z/zoom/) +- Le descripteur [`zoom`](/fr/docs/conflicting/Web/CSS/@viewport_e065ce90bde08c9679692adbe64f6518) pour la règle @ [`@viewport`](/fr/docs/Web/CSS/@viewport) +- {{bug("390936")}} à propos de l'implémentation de la propriété dans Firefox -- cgit v1.2.3-54-g00ecf