{"json_modified": "2016-03-03T10:08:32.137687", "slug": "Web/CSS/grid-area", "tags": ["CSS", "css", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "locale": "fr", "title": "grid-area", "translations": [{"title": "grid-area", "url": "/en-US/docs/Web/CSS/grid-area", "tags": ["CSS", "Reference", "css", "CSS Property", "CSS Grid"], "summary": "The <code>grid-area</code> CSS property is a <a href=\"/en-US/docs/Web/CSS/Shorthand_properties\">shorthand</a> property for <a href=\"/en-US/docs/Web/CSS/grid-row-start\" title=\"The grid-row-start CSS property specifies a grid item&#x2019;s start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.\"><code>grid-row-start</code></a>, <a href=\"/en-US/docs/Web/CSS/grid-row-end\" title=\"The grid-row-end CSS property specifies a grid item&#x2019;s end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.\"><code>grid-row-end</code></a>, <a href=\"/en-US/docs/Web/CSS/grid-column-start\" title=\"The grid-column-start CSS property specifies a grid item&#x2019;s start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-start edge of its grid area.\"><code>grid-column-start</code></a> and <a href=\"/en-US/docs/Web/CSS/grid-column-end\" title=\"The grid-column-end CSS property specifies a grid item&#x2019;s end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.\"><code>grid-column-end</code></a> specifying a grid item\u2019s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-03-02T09:51:42", "review_tags": ["technical"]}], "modified": "2016-03-03T10:08:32", "label": "grid-area", "localization_tags": [], "url": "/fr/docs/Web/CSS/grid-area", "last_edit": "2016-03-03T10:08:26", "summary": "La propri\u00e9t\u00e9 <strong><code>grid-area</code></strong> est une propri\u00e9t\u00e9 raccourcie pour <a href=\"/fr/docs/Web/CSS/grid-row-start\" title=\"La propri&#xE9;t&#xE9; grid-row-start d&#xE9;finit le d&#xE9;but de la position, sur une ligne, d'un &#xE9;l&#xE9;ment plac&#xE9; sur la grille qui participe &#xE0; une ligne, &#xE0; un fragment de ligne ou rien (automatique). Par cons&#xE9;quent, cela d&#xE9;finit &#xE9;galement le d&#xE9;but de la zone de la grille pour cet &#xE9;l&#xE9;ment.\"><code>grid-row-start</code></a>, <a href=\"/fr/docs/Web/CSS/grid-row-end\" title=\"La propri&#xE9;t&#xE9; grid-row-end d&#xE9;finit la position de la fin d'un &#xE9;l&#xE9;ment de la grille dans une zone donn&#xE9;e ou sur un fragment de ligne donn&#xE9;.\"><code>grid-row-end</code></a>, <a href=\"/fr/docs/Web/CSS/grid-column-start\" title=\"La propri&#xE9;t&#xE9; grid-column-start d&#xE9;finit la position du d&#xE9;but d'un &#xE9;l&#xE9;ment (au sens des propri&#xE9;t&#xE9;s logiques *-block-start) en d&#xE9;finissant la ligne ou la taille de fragment occup&#xE9; sur la grille.\"><code>grid-column-start</code></a> et <a href=\"/fr/docs/Web/CSS/grid-column-end\" title=\"La propri&#xE9;t&#xE9; grid-column-end d&#xE9;finit la position de la fin d'un &#xE9;l&#xE9;ment de la grille dans une zone donn&#xE9;e ou sur un fragment de colonne donn&#xE9;.\"><code>grid-column-end</code></a> qui permet de d\u00e9finir la taille d'un objet de la grille et son emplacement.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntaxe", "title": "Syntaxe"}, {"id": "Valeurs", "title": "Valeurs"}, {"id": "Syntaxe_formelle", "title": "Syntaxe formelle"}, {"id": "Exemples", "title": "Exemples"}, {"id": "CSS", "title": "CSS"}, {"id": "HTML", "title": "HTML"}, {"id": "R\u00e9sultat", "title": "R\u00e9sultat"}, {"id": "Sp\u00e9cifications", "title": "Sp\u00e9cifications"}, {"id": "Compatibilit\u00e9_des_navigateurs", "title": "Compatibilit\u00e9 des navigateurs"}, {"id": "Voir_aussi", "title": "Voir aussi"}], "id": 178926, "review_tags": []}