diff options
Diffstat (limited to 'files/fr/learn/css/css_layout/grids/index.md')
| -rw-r--r-- | files/fr/learn/css/css_layout/grids/index.md | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/files/fr/learn/css/css_layout/grids/index.md b/files/fr/learn/css/css_layout/grids/index.md index 23532b7599..56e323f1d8 100644 --- a/files/fr/learn/css/css_layout/grids/index.md +++ b/files/fr/learn/css/css_layout/grids/index.md @@ -119,7 +119,7 @@ body { {{ EmbedLiveSample('Définition_dune_trame', '100%', 400) }} -### Trames adaptables avec l'unité « fr » +### Trames adaptables avec l'unité fr En plus de créer des fils de chaîne en unités de longueur ou de pourcentage, nous pouvons utiliser l'unité « fr » pour moduler la taille des lignes et colonnes du quadrillage. Cette unité représente une fraction de l'espace disponible du conteneur de trame. @@ -177,7 +177,7 @@ body { </div> ``` -{{ EmbedLiveSample('Trames_adaptables_avec_lunité_«_fr_»', '100%', 400) }} +{{ EmbedLiveSample('Trames_adaptables_avec_lunité_fr', '100%', 400) }} > **Note :** L'unité `fr` distribue l'espace disponible, et non sa _totalité_. Donc, si une des pistes contient quelque chose de grande taille, il y aura moins d'espace disponible à partager. @@ -230,7 +230,7 @@ body { </div> ``` -{{ EmbedLiveSample('Grid_3', '100%', 400) }} +{{ EmbedLiveSample('Espaces_entre_pistes', '100%', 400) }} > **Note :** Les propriétés _\*gap_ étaient traditionnellement préfixées par `grid-`, mais la norme a été modifiée avec l'intention de la rendre utilisable dans les diverses méthodes de mise en page. Actuellement, Edge et Firefox prennent en charge la version non préfixée ; les versions préfixées seront maintenues en tant qu'alias, de sorte qu'elles seront utilisables en toute sécurité pendant un certain temps. En appliquant le principe de précaution, vous pouvez doubler et mettre les deux types de propriétés pour « blinder » votre code. @@ -479,7 +479,7 @@ aside { > **Note :** vous pouvez aussi utiliser la valeur `-1` pour cibler la dernière rangée de la chaîne et compter vers l'intérieur à partir de la fin en utilisant des valeurs négatives. Cependant, cela ne fonctionne que pour la chaîne explicite. La valeur `-1` ne ciblera pas le rang de fin de trame implicite. -## Placer avec « grid-template-areas » +## Placer avec grid-template-areas Une autre façon de placer des éléments dans le quadrillage consiste à utiliser la propriété {{cssxref("grid-template-areas")}} en donnant un nom au divers éléments du design. @@ -580,7 +580,7 @@ footer { </div> ``` -{{ EmbedLiveSample('Placer_avec_«_grid-template-areas_»', '100%', 400) }} +{{ EmbedLiveSample('Placer_avec_grid-template-areas', '100%', 400) }} Les règles pour `grid-template-areas` sont les suivantes : |