{"json_modified": "2016-10-22T00:11:09.398644", "uuid": "394d06d1-5896-4b33-8704-4f22d6ed4806", "title": "grid", "url": "/en-US/docs/Web/CSS/grid", "tags": ["CSS", "Reference", "CSS Property", "CSS Grid"], "translations": [{"uuid": "31b7ca7b-1baa-4d38-926f-21ff8b66db9b", "title": "grid", "url": "/fr/docs/Web/CSS/grid", "tags": ["CSS", "R\u00e9f\u00e9rence", "Propri\u00e9t\u00e9", "NeedsExample"], "summary": "La propri\u00e9t\u00e9 <code><strong>grid</strong></code> est une propri\u00e9t\u00e9 raccourcie qui permet de d\u00e9finir toutes les propri\u00e9t\u00e9s li\u00e9es aux grilles CSS, qu'elles soient explicites (<a href=\"/fr/docs/Web/CSS/grid-template-rows\" title=\"La propri&#xE9;t&#xE9; grid-template-rows d&#xE9;finit les noms des lignes et les fonctions de taille (track sizing) pour les lignes de la grille.\"><code>grid-template-rows</code></a>, <a href=\"/fr/docs/Web/CSS/grid-template-columns\" title=\"La propri&#xE9;t&#xE9; grid-template-columns d&#xE9;finit les noms des lignes et les fonctions de taille (track sizing) pour les colonnes de la grille.\"><code>grid-template-columns</code></a> et <a href=\"/fr/docs/Web/CSS/grid-template-areas\" title=\"La propri&#xE9;t&#xE9; grid-template-areas permet de d&#xE9;finir des zones de grille nomm&#xE9;es.\"><code>grid-template-areas</code></a>), implicites (<a href=\"/fr/docs/Web/CSS/grid-auto-rows\" title=\"La propri&#xE9;t&#xE9; grid-auto-rows d&#xE9;finit la taille d'une ligne de grille cr&#xE9;&#xE9;e de fa&#xE7;on implicite.\"><code>grid-auto-rows</code></a>, <a href=\"/fr/docs/Web/CSS/grid-auto-columns\" title=\"La propri&#xE9;t&#xE9; grid-auto-columns d&#xE9;finit la taille d'une colonne de grille cr&#xE9;&#xE9;e de fa&#xE7;on implicite.\"><code>grid-auto-columns</code></a> et <a href=\"/fr/docs/Web/CSS/grid-auto-flow\" title=\"Cette documentation n'a pas encore &#xE9;t&#xE9; r&#xE9;dig&#xE9;e, vous pouvez aider en contribuant&#xA0;!\"><code>grid-auto-flow</code></a>), ou qu'elles concernent les espacements (<a href=\"/fr/docs/Web/CSS/grid-column-gap\" title=\"La propri&#xE9;t&#xE9; grid-column-gap d&#xE9;finit l'espacement entre les colonnes d'une grille.\"><code>grid-column-gap</code></a> and <a href=\"/fr/docs/Web/CSS/grid-row-gap\" title=\"La propri&#xE9;t&#xE9; grid-row-gap d&#xE9;finit l'espacement entre les lignes d'une grille.\"><code>grid-row-gap</code></a>).", "localization_tags": [], "locale": "fr", "last_edit": "2016-03-03T10:08:41", "review_tags": []}], "modified": "2016-10-22T00:11:09", "label": "grid", "localization_tags": [], "locale": "en-US", "id": 172979, "last_edit": "2016-03-02T15:00:03", "summary": "The <code>grid</code> CSS property is a <a href=\"/en-US/docs/Web/CSS/Shorthand_properties\">shorthand</a> property that sets all of the explicit grid properties (<a href=\"/en-US/docs/Web/CSS/grid-template-rows\" title=\"The grid-template-rows CSS property defines the line names and track sizing functions of the grid's rows.\"><code>grid-template-rows</code></a>, <a href=\"/en-US/docs/Web/CSS/grid-template-columns\" title=\"The grid-template-columns CSS property defines the line names and track sizing functions of the grid's columns.\"><code>grid-template-columns</code></a>, and <a href=\"/en-US/docs/Web/CSS/grid-template-areas\" title=\"The grid-template-areas CSS property specifies named grid areas.\"><code>grid-template-areas</code></a>), all the implicit grid properties (<a href=\"/en-US/docs/Web/CSS/grid-auto-rows\" title=\"The grid-auto-rows CSS property specifies the size of an implicitly-created grid row track.\"><code>grid-auto-rows</code></a>, <a href=\"/en-US/docs/Web/CSS/grid-auto-columns\" title=\"The grid-auto-columns CSS property specifies the size of an implicitly-created grid column track.\"><code>grid-auto-columns</code></a>, and <a href=\"/en-US/docs/Web/CSS/grid-auto-flow\" title=\"Editorial review completed.\"><code>grid-auto-flow</code></a>), and the gutter properties (<a href=\"/en-US/docs/Web/CSS/grid-column-gap\" title=\"The grid-column-gap CSS property specifies the gutter between grid columns.\"><code>grid-column-gap</code></a> and <a href=\"/en-US/docs/Web/CSS/grid-row-gap\" title=\"The grid-row-gap CSS property specifies the gutter between grid rows.\"><code>grid-row-gap</code></a>) in a single declaration.", "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": "Examples", "title": "Examples"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/grid", "review_tags": ["technical"]}