From 7a89da1bf309b748ff4f4be5b16f8d9d148cbe8e Mon Sep 17 00:00:00 2001 From: julieng Date: Mon, 15 Nov 2021 21:40:53 +0100 Subject: move *.html to *.md --- files/fr/glossary/gutters/index.html | 73 ------------------------------------ files/fr/glossary/gutters/index.md | 73 ++++++++++++++++++++++++++++++++++++ 2 files changed, 73 insertions(+), 73 deletions(-) delete mode 100644 files/fr/glossary/gutters/index.html create mode 100644 files/fr/glossary/gutters/index.md (limited to 'files/fr/glossary/gutters') diff --git a/files/fr/glossary/gutters/index.html b/files/fr/glossary/gutters/index.html deleted file mode 100644 index eac9e2e8b9..0000000000 --- a/files/fr/glossary/gutters/index.html +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: Gouttière -slug: Glossary/Gutters -tags: - - CSS - - Glossaire - - Grilles -translation_of: Glossary/Gutters -original_slug: Glossaire/Gutters ---- -

Les gouttières (ou ruelles) sont l'espace entre les pistes de contenu. Elles peuvent être créées en CSS Grid Layout en utilisant les propriétés {{cssxref ("grid-column-gap")}}, {{cssxref ("grid-row-gap")}} ou {{cssxref ("grid-gap" )}}.

- -

Dans l'exemple ci-dessous  nous avons une grille de pistes de 3 colonnes et 2 rangées, avec 20 pixels d'écart entre les pistes de colonnes et 20 px entre les pistes de lignes.

- -

Exemple

- - - -
.wrapper {
-  display: grid;
-  grid-template-columns: repeat(3,1.2fr);
-  grid-auto-rows: 45%;
-  grid-column-gap: 20px;
-  grid-row-gap: 20px;
-}
-
- -
<div class="wrapper">
-   <div>One</div>
-   <div>Two</div>
-   <div>Three</div>
-   <div>Four</div>
-   <div>Five</div>
-</div>
-
- -

{{ EmbedLiveSample('Exemple', '300', '280') }}

- -

En terme de dimensionnement de la grille, l'écart agit comme une grille régulière, mais rien ne peut y être placé. L'écart agit comme si la ligne de grille à cet endroit avait gagné une taille supplémentaire, de sorte que tout élément de grille placé après cette ligne commence à la fin de l'écart.

- -

Les propriétés de l'écart de grille ne sont pas la seule chose qui peut provoquer l'espacement des pistes. Les marges, le remplissage ou l'utilisation des propriétés de distribution d'espace pour l'alignement des boîtes peuvent tous contribuer à l'écart visible - donc les propriétés de l'écart de grille ne doivent pas être considérées comme égales à la taille de la gouttière, sauf si vous savez que votre conception n'a pas introduit d'espace supplémentaire avec l'une de ces méthodes.

- -

En apprendre plus

- -

Références de la propriété

- - - -

En lire plus

- - diff --git a/files/fr/glossary/gutters/index.md b/files/fr/glossary/gutters/index.md new file mode 100644 index 0000000000..eac9e2e8b9 --- /dev/null +++ b/files/fr/glossary/gutters/index.md @@ -0,0 +1,73 @@ +--- +title: Gouttière +slug: Glossary/Gutters +tags: + - CSS + - Glossaire + - Grilles +translation_of: Glossary/Gutters +original_slug: Glossaire/Gutters +--- +

Les gouttières (ou ruelles) sont l'espace entre les pistes de contenu. Elles peuvent être créées en CSS Grid Layout en utilisant les propriétés {{cssxref ("grid-column-gap")}}, {{cssxref ("grid-row-gap")}} ou {{cssxref ("grid-gap" )}}.

+ +

Dans l'exemple ci-dessous  nous avons une grille de pistes de 3 colonnes et 2 rangées, avec 20 pixels d'écart entre les pistes de colonnes et 20 px entre les pistes de lignes.

+ +

Exemple

+ + + +
.wrapper {
+  display: grid;
+  grid-template-columns: repeat(3,1.2fr);
+  grid-auto-rows: 45%;
+  grid-column-gap: 20px;
+  grid-row-gap: 20px;
+}
+
+ +
<div class="wrapper">
+   <div>One</div>
+   <div>Two</div>
+   <div>Three</div>
+   <div>Four</div>
+   <div>Five</div>
+</div>
+
+ +

{{ EmbedLiveSample('Exemple', '300', '280') }}

+ +

En terme de dimensionnement de la grille, l'écart agit comme une grille régulière, mais rien ne peut y être placé. L'écart agit comme si la ligne de grille à cet endroit avait gagné une taille supplémentaire, de sorte que tout élément de grille placé après cette ligne commence à la fin de l'écart.

+ +

Les propriétés de l'écart de grille ne sont pas la seule chose qui peut provoquer l'espacement des pistes. Les marges, le remplissage ou l'utilisation des propriétés de distribution d'espace pour l'alignement des boîtes peuvent tous contribuer à l'écart visible - donc les propriétés de l'écart de grille ne doivent pas être considérées comme égales à la taille de la gouttière, sauf si vous savez que votre conception n'a pas introduit d'espace supplémentaire avec l'une de ces méthodes.

+ +

En apprendre plus

+ +

Références de la propriété

+ + + +

En lire plus

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