> ## Documentation Index
> Fetch the complete documentation index at: https://docs.abbyy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ルーラーを使ってフォーム要素を整列する

> ABBYY FormDesignerでルーラーを使ってフォーム要素を整列します。水平または垂直のルーラーを追加し、要素の境界線をルーラーにバインドして、バインドされた要素を移動またはサイズ変更できます。

ルーラーは、フォーム上の要素を整列するのに便利なツールです。縦方向または横方向で同じ位置に配置する必要がある要素は、適切なルーラーに「バインド」できます。ルーラーを移動すると、それにバインドされたすべての要素も一緒に移動するため、移動のたびに要素を手動で選択する必要がありません。

要素の2辺を、2本の平行なルーラーにバインドできます。この場合、ルーラーを移動すると、それに応じて要素のサイズも変わります。複数の要素を2本の平行なルーラーにバインドすると、それらのサイズを同時に変更できます。

<div id="adding-rulers">
  ## ルーラーの追加
</div>

ページにルーラーを追加するには、次の操作を行います。

* フォームの端にあるメインルーラーのいずれかをクリックします。横ルーラーをクリックすると縦ルーラーが追加され、縦ルーラーをクリックすると横ルーラーが追加されます。
* 横ルーラーを追加するには <img src="https://mintcdn.com/abbyy/8aWHPAJyzWmTqglX/images/flexi-capture/form-designer/Align_Ruler_H.gif?s=8e00fd097a03a3e23305ac9be6f40e73" alt="" style={{display:"inline-block",verticalAlign:"middle",margin:0}} width="23" height="20" data-path="images/flexi-capture/form-designer/Align_Ruler_H.gif" /> ツールを、縦ルーラーを追加するには <img src="https://mintcdn.com/abbyy/8aWHPAJyzWmTqglX/images/flexi-capture/form-designer/Align_Ruler_V.gif?s=3d7e02c5e263a9747c7a487781f8f97c" alt="" style={{display:"inline-block",verticalAlign:"middle",margin:0}} width="23" height="20" data-path="images/flexi-capture/form-designer/Align_Ruler_V.gif" /> ツールを選択し、新しいルーラーを配置する場所をクリックします。

<div id="binding-elements-to-rulers">
  ## 要素をルーラーにバインドする
</div>

要素をルーラーにバインドするには、要素のいずれかの辺をルーラー上に合わせる必要があります。これは、ルーラーを移動する、要素を移動する、または要素のサイズを調整することで行えます。

自動バインドモードがオンの場合 (<img src="https://mintcdn.com/abbyy/8aWHPAJyzWmTqglX/images/flexi-capture/form-designer/Align_Ruler.gif?s=7001b851f12272dfd669bac52c83df25" alt="" style={{display:"inline-block",verticalAlign:"middle",margin:0}} width="23" height="20" data-path="images/flexi-capture/form-designer/Align_Ruler.gif" />) 、ルーラーを移動すると、そのルーラーの十分近くにあるすべての要素に自動的にバインドされます。このモードは既定でオフになっています。

ルーラーを選択すると、そのルーラーにバインドされているすべての要素が、ルーラーと同じ色で強調表示されます。ルーラーにバインドされているオブジェクトを選択すると、オブジェクトのバインドされている側にある小さな四角形が赤くなります。これにより、要素がどのルーラーにバインドされているか、また特定のルーラーにどの要素がバインドされているかを常に確認できます。

<div id="moving-rulers-and-elements">
  ## ルーラーと要素の移動
</div>

左マウスボタンを押したままドラッグすると、フォーム上のルーラーを移動できます。同じ位置にある 2 本のルーラーは 1 本にまとまります。

ルーラーを移動すると、それにバインドされているすべての要素も一緒に移動します。要素が平行な 2 本のルーラーにバインドされている場合は、いずれかのルーラーを移動すると、その要素のサイズも変わります (その要素で[サイズ変更](/ja/flexi-capture/form-designer/resize-elelments)が許可されている場合) 。

<div id="unbinding-elements">
  ## 要素のバインド解除
</div>

要素のバインドを解除するには、その要素を選択し、対応するルーラーから離れた位置に移動するだけです。

<div id="deleting-rulers">
  ## ルーラーの削除
</div>

ルーラーを削除するには、対象のルーラーを選択して Delete キーを押すか、メニューで Delete コマンドを選択します。
