---
title: Règles
slug: Tools/Rulers
translation_of: Tools/Rulers
original_slug: Outils/Rulers
---
<div>{{ToolsSidebar}}</div>

<p>Il est possible de superposer des règles verticales et horizontales dans une page web :</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16364/viewport_rulers.png" style="display: block; height: 724px; margin-left: auto; margin-right: auto; width: 1018px;">Les unités sont en pixels.</p>

<p>Les dimensions de la fenêtre sont affichées en haut en droite de celle-ci.</p>

<p>Pour pouvoir utiliser cet outil, il est nécessaire d'activer son bouton dédié en cochant la case "Afficher/Masquer les règles pour la page" dans la catégorie "Boutons de la boîte à outils" des <a href="/fr/docs/Tools/Tools_Toolbox#Settings">options des outils de développement.</a></p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16415/settings_available_buttons.png" style="border: 1px solid black; display: block; height: 247px; margin: 0px auto; width: 315px;"></p>

<p>Une fois activé le bouton "Afficher/Masquer les règles pour la page" apparait en haut à droite de la barre d'outils à coté du bouton des options.</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16362/ruler_toggle_button.png" style="border: 1px solid black; display: block; height: 326px; margin: 0 auto; width: 394px;"></p>

<p>Comportements à garder à l'esprit lors de l'utilisation des règles :</p>

<ul>
 <li>Les commandes <code>rulers</code> doivent être réappliquées pour <strong>chaque nouvel onglet</strong> et pour <strong>chaque rafraichissement</strong>.</li>
 <li>La commande n'est pas permanente.</li>
</ul>