From 149319bb8c7b1394a443f0877c3460cd362aa815 Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:58:15 +0200 Subject: move *.html to *.md --- files/fr/web/css/scale/index.html | 124 -------------------------------------- 1 file changed, 124 deletions(-) delete mode 100644 files/fr/web/css/scale/index.html (limited to 'files/fr/web/css/scale/index.html') diff --git a/files/fr/web/css/scale/index.html b/files/fr/web/css/scale/index.html deleted file mode 100644 index 87f30418cd..0000000000 --- a/files/fr/web/css/scale/index.html +++ /dev/null @@ -1,124 +0,0 @@ ---- -title: scale -slug: Web/CSS/scale -tags: - - CSS - - Propriété - - Reference -translation_of: Web/CSS/scale ---- -
{{CSSRef}}{{seecompattable}}
- -

La propriété scale permet de mise à l'échelle individuellement et indépendamment de la propriété {{cssxref("transform")}}. Cela peut être utile pour la construction d'une interface utilisateur et évite d'avoir à se souvenir de l'ordre exact des fonctions de transformations à indiquer pour transform.

- -

Syntaxe

- -
/* Valeurs avec un mot-clé */
-scale: none;
-
-/* Une seule valeur */
-/* Les valeurs supérieures à 1 agrandissent l'élément */
-scale: 2;
-/* Les valeurs inférieures à 1 rétrécissent l'élément */
-scale: 0.5;
-
-/* Deux valeurs */
-scale: 2 0.5;
-
-/* Trois valeurs */
-scale: 2 0.5 2;
- -

Valeurs

- -
-
Une seule valeur de longueur/pourcentage
-
Une longueur ou un pourcentage qui définit une mise à l'échelle en deux dimensions. Le facteur utilisé est le même pour l'axe X et l'axe Y. Cela est équivalent à la fonction scale() (mise à l'échelle sur deux dimensions) avec une seule valeur.
-
Deux valeurs de longueur/pourcentage
-
Deux longueurs ou pourcentages qui définissent respectivement les composantes horizontale et verticale de l'agrandissement/rétrécissement en deux dimensions. Cela est équivalent à la fonction scale() appelée avec ces deux arguments.
-
Trois valeurs de longueur/pourcentage
-
Trois longueurs ou pourcentages qui définissent respectivement les composantes horizontale, verticale et en profondeur de la mise à l'échelle sur trois dimensions. Cela est équivalent à la fonction scale3d() appelée avec ces trois arguments.
-
none
-
Cette valeur indique qu'aucune mise à l'échelle ne devrait être appliquée.
-
- -

Syntaxe formelle

- -{{csssyntax}} - -

Exemples

- -

HTML

- -
<div>
-  <p class="scale">Scaling</p>
-</div>
- -

CSS

- -
* {
-  box-sizing: border-box;
-}
-
-html {
-  font-family: sans-serif;
-}
-
-div {
-  width: 150px;
-  margin: 0 auto;
-}
-
-p {
-  padding: 10px 5px;
-  border: 3px solid black;
-  border-radius: 20px;
-  width: 150px;
-  font-size: 1.2rem;
-  text-align: center;
-}
-
-.scale {
-  transition: scale 1s;
-}
-
-div:hover .scale {
-  scale: 2 0.7;
-}
-
- -

Résultat

- -

{{EmbedLiveSample('Examples')}}

- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS Transforms 2', '#individual-transforms', 'individual transforms')}}{{Spec2('CSS Transforms 2')}}Définition initiale.
- -

{{cssinfo}}

- -

Compatibilité des navigateurs

- -

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

- -

Voir aussi

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