← Tous les exemples

Contour de tous les éléments

Trace de fins contours colorés autour de chaque élément pour visualiser la structure de la mise en page.

Code à copier

* { outline: 1px solid rgba(255, 0, 0, 0.4) !important; }
* * { outline-color: rgba(0, 128, 255, 0.4) !important; }
* * * { outline-color: rgba(0, 170, 0, 0.4) !important; }
* * * * { outline-color: rgba(200, 120, 0, 0.4) !important; }

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.