diff options
Diffstat (limited to 'files/fr/web/css/grid-area/index.html')
| -rw-r--r-- | files/fr/web/css/grid-area/index.html | 10 |
1 files changed, 4 insertions, 6 deletions
diff --git a/files/fr/web/css/grid-area/index.html b/files/fr/web/css/grid-area/index.html index bd0d2366b5..ba2cd9ed2e 100644 --- a/files/fr/web/css/grid-area/index.html +++ b/files/fr/web/css/grid-area/index.html @@ -13,8 +13,6 @@ translation_of: Web/CSS/grid-area <div>{{EmbedInteractiveExample("pages/css/grid-area.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <p>Si quatre valeurs <code><grid-line></code> sont fournies, la première sera appliquée à <code>grid-row-start</code>, la deuxième à <code>grid-column-start</code>, la troisième à <code>grid-row-end</code> et la quatrième à <code>grid-column-end</code>.</p> <p>Lorsqu'il n'y a pas de valeur pour <code>grid-column-end</code>, si <code>grid-column-start</code> est un identifiant de zone ({{cssxref("<custom-ident>")}}, <code>grid-column-end</code> sera défini avec cet identifiant, sinon il sera défini avec <code>auto</code>.</p> @@ -58,7 +56,7 @@ grid-area: unset;</pre> <dd>Un mot-clé qui indique que la propriété ne contribue pas au placement de l'élément sur la grille. Cela indique un placement automatique, une taille de fragment (<em>span</em>) automatique ou une taille par défaut de <code>1</code>.</dd> <dt><code><custom-ident></code></dt> <dd>S'il existe une ligne nommée avec '<custom-ident>-start', la première ligne correspondante contribue au placement de l'élément sur la grille. - <p class="note"><strong>Note :</strong> Les noms des zones de grille sont générés implicitement. Ainsi, en utilisant <code>grid-area: foo;</code> cela sélectionnera le début de la grille nommée correspondante (sauf si une autre ligne <code>foo-start</code> a été explicitement déclarée).</p> + <div class="note"><p><strong>Note :</strong> Les noms des zones de grille sont générés implicitement. Ainsi, en utilisant <code>grid-area: foo;</code> cela sélectionnera le début de la grille nommée correspondante (sauf si une autre ligne <code>foo-start</code> a été explicitement déclarée).</p></div> <p>Sinon, la valeur est traitée comme si on avait utilisé <code><custom-ident></code> et la valeur <code>1</code>.</p> </dd> @@ -84,7 +82,7 @@ grid-area: unset;</pre> <h3 id="CSS">CSS</h3> -<pre class="brush: css; highlight[9]">#grid { +<pre class="brush: css">#grid { display: grid; height: 100px; grid-template: repeat(4, 1fr) / 50px 100px; @@ -149,6 +147,6 @@ grid-area: unset;</pre> <li>{{cssxref("grid-column")}}</li> <li>{{cssxref("grid-column-start")}}</li> <li>{{cssxref("grid-column-end")}}</li> - <li><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Définir_des_zones_sur_une_grille">Guide : les zones des grilles CSS</a></li> - <li>Tutoriel vidéo : <a href="http://gridbyexample.com/video/grid-template-areas/">les zones des grilles CSS (en anglais)</a></li> + <li><a href="/fr/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas">Guide : les zones des grilles CSS</a></li> + <li>Tutoriel vidéo : <a href="https://gridbyexample.com/video/grid-template-areas/">les zones des grilles CSS (en anglais)</a></li> </ul> |