MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Outils de développement

Inspecteur de grille CSS : examiner les grilles

Nouveau dans Firefox 52

Depuis Firefox 52, avec les outils de développement, il est possible d'afficher une représentation de la grille CSS.

Lorsqu'un élément dans la vue des Règles a une déclaration display: grid, alors une icône en forme de grille () apparait à côté . Cliquer sur cette icône affichera la grille avec ses lignes et ses "tracks" :

La grille est toujours visible même si un autre élément est sélectionné. Il est donc possible d'éditer le CSS et voir comment la grille en est affectée.

Vous trouverez un grand nombre d'exemples  en visitant labs.jensimmons.com.

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : PhilippePerret, maximelore
 Dernière mise à jour par : PhilippePerret,