diff options
Diffstat (limited to 'files/fr/glossary/gutters/index.html')
| -rw-r--r-- | files/fr/glossary/gutters/index.html | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/files/fr/glossary/gutters/index.html b/files/fr/glossary/gutters/index.html index a9128bc13b..eac9e2e8b9 100644 --- a/files/fr/glossary/gutters/index.html +++ b/files/fr/glossary/gutters/index.html @@ -12,9 +12,9 @@ original_slug: Glossaire/Gutters <p>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 <code>20 px</code> entre les pistes de lignes.</p> -<div id="example_1"> -<div class="hidden"> -<pre class="brush: css">* {box-sizing: border-box;} +<h2 id="Exemple">Exemple</h2> + +<pre class="brush: css hidden">* {box-sizing: border-box;} .wrapper { border: 2px solid #f76707; @@ -30,7 +30,6 @@ original_slug: Glossaire/Gutters color: #d9480f; } </pre> -</div> <pre class="brush: css">.wrapper { display: grid; @@ -50,12 +49,11 @@ original_slug: Glossaire/Gutters </div> </pre> -<p>{{ EmbedLiveSample('example_1', '300', '280') }}</p> -</div> +<p>{{ EmbedLiveSample('Exemple', '300', '280') }}</p> <p>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.</p> -<p>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 <a href="https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout/Alignement_des_bo%C3%AEtes_avec_les_grilles_CSS">l'alignement des boîtes</a> 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.</p> +<p>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 <a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Alignement_des_bo%C3%AEtes_avec_les_grilles_CSS">l'alignement des boîtes</a> 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.</p> <h2 id="En_apprendre_plus">En apprendre plus</h2> @@ -70,6 +68,6 @@ original_slug: Glossaire/Gutters <h3 id="En_lire_plus">En lire plus</h3> <ul> - <li>Guide des grilles CSS : <em><a href="https://developer.mozilla.org/fr/docs/Web/CSS/CSS_Grid_Layout/Les_concepts_de_base">Les concepts de base des grilles CSS</a></em></li> + <li>Guide des grilles CSS : <em><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Les_concepts_de_base">Les concepts de base des grilles CSS</a></em></li> <li><a href="https://drafts.csswg.org/css-grid/#gutters">Définition des gouttières <em>(gutters)</em> dans la spécification des grilles CSS</a> (en)</li> </ul> |