---
title: Rulers
slug: Tools/Rulers
tags:
  - Desenvolvimento
  - Design
  - régua
translation_of: Tools/Rulers
---
<div>{{ToolsSidebar}}</div><p class="geckoVersionNote">Recente no Firefox 40.</p>

<p>Desde o Firefox 40,<span id="result_box" lang="pt"><span class="hps"> é possível sobrepor</span> <span class="hps">réguas</span> <span class="hps">horizontais e verticais</span> <span class="hps">em uma página da</span> <span class="hps">web</span></span>:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/11181/rulers.png" style="display: block; height: 555px; margin-left: auto; margin-right: auto; width: 700px;">As unidades são em pixels.</p>

<p>Desde a versão 59 do Firefox, as dimensões da tela estão exibidas perto do canto superior direito da tela.</p>

<p>Há duas formas de ativar/desativar as réguas para um página :</p>

<ul>
 <li>Usando o comando <code>rulers</code> na Barra de Desenvolvedor (Shift + F2)</li>
 <li>Usando um botão dedicado na barra de ferramentas. Por padrão, esse botão não é exibido, mas você pode opcionalmente exibi-lo marcando na seção "Botões disponíveis da Toolbox", em <a href="https://developer.mozilla.org/pt-BR/docs/Tools/Tools_Toolbox#Settings">Configurações (Opções da caixa de ferramentas)</a>. Uma vez visível, o botão "Mostrar/Esconder réguas para a página" aparece no topo direito da Toolbox, no mesmo lugar onde fica o botão de Configurações/Opções.</li>
</ul>

<p><img alt="" src="https://mdn.mozillademos.org/files/15784/rulers-button.png" style="display: block; height: 216px; margin-left: auto; margin-right: auto; width: 328px;"></p>

<p>É importante manter em mente algumas coisas ao utilizar a régua:</p>

<ul>
 <li>O comando <em>rulers</em> deve ser redigitado a cada atualização da página e em cada nova aba.</li>
 <li>O efeito do comando não é permanente</li>
</ul>