{"json_modified": "2016-03-03T10:08:47.607424", "slug": "Web/CSS/grid", "tags": ["CSS", "R\u00e9f\u00e9rence", "css", "Propri\u00e9t\u00e9", "NeedsExample"], "locale": "fr", "title": "grid", "translations": [{"title": "grid", "url": "/en-US/docs/Web/CSS/grid", "tags": ["CSS", "Reference", "css", "CSS Property", "CSS Grid"], "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=\"The grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.\"><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.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-03-02T15:00:03", "review_tags": ["technical"]}], "modified": "2016-03-03T10:08:46", "label": "grid", "localization_tags": [], "url": "/fr/docs/Web/CSS/grid", "last_edit": "2016-03-03T10:08:41", "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>).", "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": "Sp\u00e9cifications", "title": "Sp\u00e9cifications"}, {"id": "Compatibilit\u00e9_des_navigateurs", "title": "Compatibilit\u00e9 des navigateurs"}, {"id": "Voir_aussi", "title": "Voir aussi"}], "id": 178956, "review_tags": []}