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.

Le panneau Disposition de l'inspecteur

 Nouveau dans Firefox 56

Firefox 56 s'appuie sur les précédentes fonctionnalités en rapport avec les grilles pour proposer un tout nouveau panneau Disposition plein d'options et d'informations pour déboguer les grilles. Vous pouvez trouver toutes les informations dont vous avez besoin sur ce sujet dans les nouveaux ajouts très puissants à l'inspecteur de grilles CSS dans Firefox Nightly.

Voir ausi

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

Étiquettes et contributeurs liés au document

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