{"json_modified": "2016-10-22T00:11:12.774044", "uuid": "14fe31d0-62f2-4601-b55d-b08555204343", "title": "grid-area", "url": "/en-US/docs/Web/CSS/grid-area", "tags": ["CSS", "Reference", "CSS Property", "CSS Grid"], "translations": [{"uuid": "82d170c1-3028-4cfb-8f16-88b70ef7cc78", "title": "grid-area", "url": "/fr/docs/Web/CSS/grid-area", "tags": ["CSS", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "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.", "localization_tags": [], "locale": "fr", "last_edit": "2016-03-03T10:08:26", "review_tags": []}], "modified": "2016-10-22T00:11:12", "label": "grid-area", "localization_tags": [], "locale": "en-US", "id": 173323, "last_edit": "2016-03-02T09:51:42", "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.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Example", "title": "Example"}, {"id": "HTML_Content", "title": "HTML Content"}, {"id": "CSS_Content", "title": "CSS Content"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/grid-area", "review_tags": ["technical"]}