center

内容を中央揃えにします。

説明

グラフィック階層内に center を使用すると、center がグラフィカルオブジェクトを返し、このグラフィカルオブジェクトが目には見えないオブジェクトをコンテンツの両側に配置して、内容を中央揃えにします。
center をトップレベルで使用した場合、テキストは最も近い囲み (目には見えない) TextFlowBox 内で中央揃えになり、これはその幅がブラウザのウィンドウ幅となります。このように使用された場合、center は {paragraph paragraph-justify="center"} と同じです。
center を直接 TextFlowBox 内で使用し、その幅が明示的に設定されていない場合、TextFlowBox がコンテンツを空き領域を残すことなく包囲し、中央揃え、あるいはいずれの配置調整も行われなくなります。

構文

            {center
                    [option1=value1,
                     option*=value*,]
                    ...}

option: 任意の段落または文字オプション。

value: オプションに対する有効値です。

...: 段落の内容。

段落オプション

段落オプションはすべてローカルです。これらは、段落全体のレイアウトに影響を与えます。段落を別の段落の中に埋め込んだ場合、コンテナ段落の段落オプション設定は、含まれる段落に適用されません。

文字オプション

文字オプションを paragraph に設定すると、そのオプションは段落内のテキストすべてに適用されます。段落内にテキストが含まれない場合、オプション設定は効果がありません。段落オプションとは異なり、文字オプションは非ローカルオプションです。

注意事項

含まれている TextFlowBox に、中央揃えにする空き領域がない場合、中央揃えの効果がないことに注意してください。これは、 TextFlowBox がその (テキストの) 内容の回りを空き領域を残すことなく包囲している場合に発生することがあります。これが及ぼす二次的な効果については、次の例を参照してください。

例

次の例は、グラフィック階層内での center の使用を示しています。

例

{VBox width=4in,
      background="yellow",
      {left-justify
          This paragraph is aligned to the left.},
      || Here, center is used in a VBox.
      {center
          This paragraph is aligned to the center.},
      {right-justify
          This paragraph is aligned to the right.}
}

次の例は、トップレベルのコード、および center を使用した結果をコードの後に示しています。

{center color="brown", Peanuts! Candy! Ice Scream!}

Peanuts!Candy!I Scream!

次には、center を 2 つの TextFlowBox 内で使用する例が示されています。最初の例では幅が明示的に設定されていないため、テキストの回りを空き領域を残すことなく包囲し、配置調整は行われません。

例

{VBox {TextFlowBox background="lime", {center This TextFlowBox is tightly wrapped around the contents.} }, {TextFlowBox width=5in, background="pink", {center This one has a specified width.}} }

注意事項

{center} を直接使用する代わりに、テキスト書式を目的に応じて定義して使用することを推奨します。たとえば本を書く際に、章のタイトルとグラフィックキャプションとを中央揃えにするとします。この場合に {center} を直接使用すると、後でタイトルを左揃えにするのが困難になります。詳細については、「テキスト書式」を参照してください。