---
title: 定規
slug: Tools/Rulers
tags:
  - DevTools
  - Firefox
  - Rulers
  - Tools
translation_of: Tools/Rulers
---
<div>{{ToolsSidebar}}</div><p class="geckoVersionNote">Firefox 40 の新機能</p>

<p>Firefox 40 以降では、ページに対して水平方向と垂直方向に定規を表示できるようになりました。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/15783/rulers-display.png" style="display: block; margin-left: auto; margin-right: auto;">定規で表示されている数値の単位はピクセルとなります。</p>

<p>Firefox 59 よりビューポートの右上付近に、ビューポートの寸法を表示します。</p>

<p>次のどちらかで、定規を表示できます:</p>

<ul>
 <li>開発者ツールバー (Shift + F2) で <code>rulers</code> コマンドを実行する</li>
 <li>開発者ツールの定規の表示切替ボタンを利用する。このボタンは標準では表示されていません。<a href="/ja/docs/Tools/Tools_Toolbox#Settings">設定</a> の「利用可能なツールボックスのボタン」でチェックを入れることで、ボタンが表示されるようになります。チェックを入れると、ツールボックスの右上のオプションボタンと同じ場所に、"ページに定規を表示します" ボタンが現れます。<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;"></li>
</ul>

<p>定規を使用するときは、以下の動作に留意してください。</p>

<ul>
 <li><strong>新しいタブ</strong>を開いたり<strong>ページの再読み込み</strong>を行った場合は、rulers コマンドを再実行しなければなりません。</li>
 <li>このコマンドの効果は永続的ではありません。</li>
</ul>