blob: 471270030833611e1fa630274ca664ed366bd6ec (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
---
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>
|
