From 8c2e71193f625e24068a2aebfea2ce93042bb9ba Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Sun, 21 Mar 2021 14:29:22 +0100 Subject: fr - Complete retranslation of CSS minmax() - Fixes #243 (#267) * Rework of fr translation for CSS minmax() - Fixes #243 * Typo / Missing translation_of * Typo + missing parts * Removing experimental tag --- files/fr/web/css/minmax()/index.html | 92 +++++++++++++++++++----------------- 1 file changed, 49 insertions(+), 43 deletions(-) diff --git a/files/fr/web/css/minmax()/index.html b/files/fr/web/css/minmax()/index.html index 1945c86c70..90a84ac5d6 100644 --- a/files/fr/web/css/minmax()/index.html +++ b/files/fr/web/css/minmax()/index.html @@ -3,19 +3,25 @@ title: minmax() slug: Web/CSS/minmax() tags: - CSS - - Experimental - - Fonction + - CSS Function + - CSS Grid + - Function + - Layout - Reference - Web translation_of: Web/CSS/minmax() --- -
{{CSSRef}}{{SeeCompatTable}}
+
{{CSSRef}}
-

La fonction CSS minmax() définit un intervalle de taille compris (au sens large) entre min et max. Cette fonction est utilisée avec les grilles CSS.

+

La fonction CSS minmax() définit un intervalle de taille supérieure ou égale à min et inférieure ou égale à max. Elle est utilisée avec les grilles CSS.

-

Syntaxe

+
{{EmbedInteractiveExample("pages/css/function-minmax.html")}}
-
/* Valeurs <inflexible-breadth>, <track-breadth> */
+
+
+
Syntaxe

+
+
/* Valeurs de type <inflexible-breadth>, <track-breadth>*/
 minmax(200px, 1fr)
 minmax(400px, 50%)
 minmax(30%, 300px)
@@ -25,7 +31,7 @@ minmax(max-content, auto)
 minmax(auto, 300px)
 minmax(min-content, auto)
 
-/* Valeurs <fixed-breadth>, <track-breadth> */
+/* Valeurs de type <fixed-breadth>, <track-breadth> */
 minmax(200px, 1fr)
 minmax(30%, 300px)
 minmax(400px, 50%)
@@ -33,7 +39,7 @@ minmax(50%, min-content)
 minmax(300px, max-content)
 minmax(200px, auto)
 
-/* Valeurs <inflexible-breadth>, <fixed-breadth> */
+/* Valeurs de type <inflexible-breadth>, <fixed-breadth> */
 minmax(400px, 50%)
 minmax(30%, 300px)
 minmax(min-content, 200px)
@@ -41,49 +47,49 @@ minmax(max-content, 200px)
 minmax(auto, 300px)
 

 
-
Une fonction qui prend en entrée deux arguments : min et max.

+
minmax() est une fonction qui prend deux paramètres, min et max.

 
-
Chaque paramètre peut être une longueur, un pourcentage, un facteur de flexibilité ou l'un des mots-clés parmi max-content, min-content ou auto.

+
Chaque paramètre peut être une longueur (type <length>), un pourcentage (type <percentage>), une valeur de type <flex> ou l'un des mots-clés max-content, min-content, ou auto.

 
-
Si max < min, max est ignoré et minmax(min,max) correspond à min. Utilisé comme maximum, une valeur {{cssxref("flex_value","<flex>")}} permet de définir le facteur de flexibilité d'une piste de la grille, elle est invalide comme minimum.

+
Si max est supérieur à min, alors max sera ignoré et minmax(min,max) sera considéré comme min. Utilisée comme valeur maximale, une valeur de type {{cssxref("flex_value","<flex>")}} définit le facteur de flexibilité de la piste de la grille ; une telle valeur ne peut pas être utilisée comme minimum.

 
-
Valeurs

+
Valeurs

 
 

- 
<length>

- 
Une longueur positive (cf. le type {{cssxref("<length>")}}).

- 
<percentage>

- 
Un pourcentage ({{cssxref("<percentage>")}}) positif, relatif à la taille en ligne du conteneur pour les colonnes et à la taille en bloc pour les lignes du conteneur. Si la taille de la grille dépend de la taille de ses pistes, la valeur devra être traitée comme auto. L'agent utilisateur peut ajuster les contributions des tailles intrinsèques à la taille de la piste du conteneur de la grille et augmenter la taille finale de la piste par l'écart minimal nécessaire pour respecter ce pourcentage.

- 
<flex>

- 
Une dimension positive avec l'unité fr qui définit le facteur de flexibilité de la piste (cf. {{cssxref("<flex>")}}). Chaque piste avec un tel coefficient <flex> occupe une partie de l'espace disponible restant en fonction de son facteur de flexibilité.

+ 
{{cssxref("<length>")}}

+ 
Une longueur non-négative.

+ 
{{cssxref("<percentage>")}}

+ 
Un pourcentage non-négatif. Cette valeur est relative à la taille en incise (inline) du conteneur de grille pour les pistes en colonnes et relative à la taille en bloc du conteneur de grille pour les pistes en lignes. Si la taille du conteneur de grille dépend de la taille de ses pistes, cette valeur <percentage> sera traitée comme auto. L'agent utilisateur pourra ajuster les contributions à la piste de taille intrinsèques selon la taille du conteneur de grille et augmenter la taille finale de la piste d'une quantité minimale pour respecter le pourcentage.

+ 
{{cssxref("<flex>")}}

+ 
Une valeur non-négative avec l'unité fr qui indique le facteur de flexibilité/extensibilité de la piste. Chaque piste dimensionnée avec une valeur de type <flex> occupera une part de l'espace restant proportionnellement à son coefficient de flexibilité.

  
max-content

- 
Cette valeur représente la plus grande valeur max-content contribuant aux objets de la grille qui occupent la piste.

+ 
Représente la plus grande contribution max-content pour les objets de la grille qui occupent la piste.

  
min-content

- 
Cette valeur représente la plus grande valeur min-content contribuant aux objets de la grille qui occupent la piste

+ 
Représente la plus grande contribution min-content pour les objets de la grille qui occupent la piste.

  
auto

- 
Utilisé comme maximum, c'est un synonyme de max-content. Utilisé comme un minimum, il représente le plus grand des minima (selon  {{cssxref("min-width")}}/{{cssxref("min-height")}}) des objets de la grille qui occupent la piste.

+ 
Utilisée comme maximum, cette valeur agira comme max-content. Utilisée comme minimum, elle représentera la plus grande des tailles minimales (définies par {{cssxref("min-width")}}/{{cssxref("min-height")}}) des objets de la grille qui occupent la piste.

 

 
-
Syntaxe formelle

+
Syntaxe formelle

 
 {{csssyntax}}
 
-
Propriétés CSS applicables

+
Propriétés CSS associées

 
-
La fonction minmax() peut être utilisée avec les propriétés suivantes :

+
minmax() peut être utilisée pour les propriétés suivantes :

 
 
 
-
Exemples

+
Exemples

 
 
CSS

 
-
#container {
+
#container {
   display: grid;
   grid-template-columns: minmax(min-content, 300px) minmax(200px, 1fr) 150px;
   grid-gap: 5px;
@@ -102,23 +108,23 @@ minmax(auto, 300px)
 
 
HTML

 
-
<div id="container">
+
<div id="container">
   <div>
-    Item aussi large que le contenu jusqu'à 300 pixels max.
+    Aussi large que le contenu, large d'au plus 300 pixels.
   </div>
   <div>
-    Item avec une largeur flexible minimale de 200 pixels.
+    Item flexible mais dont la largeur vaut au moins 200 pixels.
   </div>
   <div>
-    Item inflexible de 150 pixels de large.
+    Item avec une largeur de 150 pixels.
   </div>
 </div>

 
-
Résultat

+
Résultat

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

+
{{EmbedLiveSample("Examples", "100%", 200)}}

 
-
Spécifications

+
Spécifications

 
 
@@ -137,15 +143,15 @@ minmax(auto, 300px)
  

  
 

 
-
Compatibilité des navigateurs

-
-
+
Compatibilité des navigateurs

 
 
{{Compat("css.properties.grid-template-columns.minmax")}}

 
-
Voir aussi

+
Voir aussi

 
 
-- 
cgit v1.2.3-54-g00ecf