5–1 ブロックエリアとインラインエリア

エリアは組版時の積み上げ方の違いにより、ブロックエリア（ブロック領域）とインラインエリア（行内領域）の２種類に分類できる。文章の組版ではブロックエリアは段落に相当し、ラインエリアは段落内の一行に相当する。ブロックエリアを生成するFOをブロックレベルのFOといい、インラインエリアを生成するFOをインラインレベルのFOという。

ブロックレベルのFO

fo:block、fo:block-container、fo:table-and-caption、fo:table、fo:list-block(XSL-FO V1.1ではブロックレベルのFOの一覧は明示されていないが、fo:flowの子供はブロックレベルのFOの並びである、とされている。fo:flowの内容モデルではパラメータ実体%blockはこの五つのFOを含んでいる。但し、6.5 ブロックレベルFOではfo:blockとfo:block-containerのみを説明している。)

インラインレベルのFO

fo:inline、fo:inline-container、fo:bidi-override、fo:character、fo:external-graphic、fo:instream-foreign-object、fo:leader、fo:page-number、fo:page-number-citation、fo:page-number-citation-last、fo:scaling-value-citation、fo:basic-link、fo:multi-toggle、fo:index-page-citation-list(XSL-FO V1.1ではインラインレベルのFOの一覧は明示されていない。ここに挙げたのはパラメータ実体%inlineに規定するFOである。)

ブロックエリアのうちの特別なものにラインエリア（行領域）がある。ラインエリアはその子供がすべてインラインエリアになる。インラインエリアの一つにグリフエリアがある。グリフエリアは末端のエリアで子供をもたず、内容は一つのグリフのイメージである。

エリアツリーと出力媒体の上の領域との対応関係は図5･1 エリアツリーと出力媒体の領域の通りである。「Ｐ」がページ、「Ａ、Ｂ、Ｃ」はブロックエリア、「Ｘ、Ｙ」がラインエリア、「あいう」、「abc」がインラインエリアに相当する。「あ、い、う、a、b、c」はそれぞれがグリフエリアにあたる。

エリアの属性はトレイト（特色）と呼ぶ(FOに対して指定する属性をプロパティと呼び、FOから生成したエリアの属性をトレイトという。)。トレイトはエリアのレンダリング、あるいはエリアの組版の制約を規定する。FO からエリアが作られる際にエリアのトレイトが決まる。トレイトにはFOのプロパティと直接対応しているものもあるし、間接的に導き出されるものもある。

エリアはblock-progression-direction（ブロック進行方向）とinline-progression-direction（行内進行方向）の二つのトレイトを持つ。ブロック進行方向はブロックエリアまたはラインエリアを積み上げる方向であり、段落と行の進行方向に相当する。行内進行方向はインラインエリアを並べる方向であり、行の中でテキストの単語や文字を進める方向に相当する。

5–2 エリアの基本構造

エリアの基本構造を図5･3 エリアの基本構造に示す。エリアの中核は内容領域である。内容領域にはそのエリアに属するテキストや子孫にあたる他のエリアを配置する。内容領域の周囲にパディング、ボーダー（境界線）を持つ。内容領域の外辺を内容長方形、パディングの外辺をパディング長方形、ボーダーの外辺をボーダー長方形という。

内容領域の周辺の広がりを図5･4 エリアの広がりを示すプロパティに示す。なお、ラインエリアはボーダーとパディングを持たない（値がすべてゼロである）。

エリアにはbackground-color（背景色）、background-image（背景のイメージ）などで背景を指定できる。背景はパディング領域と内容領域に適用される（詳細は第9章 背景を参照）。

5–3 参照エリア

ブロックエリアとインラインエリアには参照エリアという種類がある。参照エリアは子孫エリアの座標系の基準となる。

1. 参照エリアのみが、その子孫のブロックエリアに設定されるインデントの基準になる(参照エリアの内容長方形の開始辺と終了辺がインデントの基準位置である。内容長方形の開始辺と終了辺については後述する。)。ブロックエリアの幅は、直近先祖の参照エリアの幅からインデントを引いた値である（インデントの解説は5–11–1 インデントを参照）。
2. 参照エリアのみが、親と異なるブロック進行方向を持つことができる(参照エリアの内容長方形のブロック進行方向が親と異なる。)。
3. 参照エリアのみに、子供のエリアのブロック方向位置合わせ（display-align）を指定できる。

次のFOが生成するエリアは参照エリアとなる。

• fo:region-body
• fo:region-before
• fo:region-after
• fo:region-start
• fo:region-end
• fo:external-graphic
• fo:instream-foreign-object
• fo:table-caption
• fo:table-cell
• fo:block-container（ブロックレベルの参照エリアを生成する）
• fo:inline-container（インラインレベルの参照エリアを生成する）
• fo:float

これ以外にXSL-FOプロセサが生成する参照エリアがある。例えば、脚注（footnote-reference-area）、前方フロート（before-float-reference-area）などが相当する。

5–4 参照方向

参照エリアの一部については、そのエリアを生成するFOのプロパティreference-orientation（参照方向）プロパティによって内容領域を回転できる。

reference-orientationプロパティを指定できるFOは表5･4 回転・ライティングモード・ブロック方向位置合わせを適用できるFOを参照。例えば、fo:simple-page-master（単純ページマスター）は一枚の用紙（Ｐ）を規定する。そこでは上がtop、下がbottom、左がleft、右がrightである。次の図のように、Ｂのreference-orientationプロパティを270に設定すると、Ｂの内容領域はＰに対して反時計周りに270度回転（時計回りに90度回転と同じ）し、Ｂの内容領域のtopは右辺になる（単純ページマスターの回転については5–8 単純ページマスターの回転・ライティングモード適用に詳しく説明する）。

次はfo:block-containerにreference-orientation="90"とreference-orientation="270"を指定した例である。

<fo:block border="solid 0.1pt">
  <fo:block>ブロック1</fo:block>
  <fo:block>ブロック2</fo:block>
  <fo:block>ブロック3</fo:block> 
</fo:block>
<fo:block …略…>初期値</fo:block>
<fo:block-container reference-orientation="90" 
                    inline-progression-dimension="7em" 
                    border="solid 0.1pt">
  <fo:block>ブロック1</fo:block>
  <fo:block>ブロック2</fo:block>
  <fo:block>ブロック3</fo:block> 
</fo:block-container>
<fo:block …略…>reference-orientation="90"</fo:block>
<fo:block-container reference-orientation="270" 
                    inline-progression-dimension="7em"
                    border="solid 0.1pt">
  <fo:block>ブロック1</fo:block>
  <fo:block>ブロック2</fo:block>   
  <fo:block>ブロック3</fo:block>       
</fo:block-container>
<fo:block …略…>reference-orientation="270"</fo:block>

組版結果は図5･6 参照方向設定例の通り。

5–5 ライティングモード

日本語の縦書き、横書きのような表記の方向性をライティングモードという。参照エリアを生成するFOの一部に対して、プロパティwriting-modeプロパティでライティングモードを変更できる。writing-modeプロパティを指定できるFOは表5･4 回転・ライティングモード・ブロック方向位置合わせを適用できるFOを参照。図5･7 ライティングモードの設定は、Ｂのwriting-modeプロパティをtb-rlに設定し、Ｂブロック（reference-orientationは0）を縦書きとした例である。このとき領域Ｂでは文字は上から下へ、行は右から左に進む。

ライティングモードによって次の三つのトレイトが決まる。

• block-progression-direction（ブロック進行方向）
• inline-progression-direction（行内進行方向）
• shift-direction（シフト方向）

シフト方向は上付き・下付のようにベースライン（12–2 ベースラインの調整を参照）を移動するときの方向である。ライティングモードは設定変更しない限りすべての子孫に継承する。主なwriting-modeプロパティの値は次のものがある。

なお、日本語や英語のように左から右へ書くテキストに、アラビア語やヘブライ語のように右から左に書くテキストが混在するときの方向制御についてはUnicodeBIDIで規定されている（第24章 双方向性（BIDI）を参照）。

次はfo:block-containerに対してwriting-mode="tb-rl"を指定した例である(縦書きではアラビア数字は半角だと横倒しになるので全角英数で入力している。)。

<fo:block-container writing-mode="tb-rl" 
                    inline-progression-dimension="7em" 
                    border="solid 0.1pt"
  <fo:block>ブロック１</fo:block>
  <fo:block>ブロック２</fo:block>   
  <fo:block>ブロック３</fo:block> 
</fo:block-container>
<fo:block …略…>writing-mode="tb-rl"</fo:block>

組版結果は図5･8 ライティングモード（縦書き）設定例の通り。

5–6 ブロック方向位置合わせ

プロパティdisplay-alignプロパティは、子供のエリアをブロック進行方向で位置合わせする。

プロパティrelative-align（相対位置合わせ）プロパティは表のセル（fo:table-cell）と箇条項目（fo:list-item）のみに適用できる。また、display-alignプロパティが指定されていて、その値がautoでないときは無視される。詳しくは表と箇条項目の箇所で説明する。

5–7 参照方向・ライティングモード・ブロック方向位置合わせの適用

参照方向・ライティングモード・ブロック方向位置合わせは全ての参照エリアに適用できるわけではない。例えば、テーブルのセル（fo:table-cell）単位での縦書きは適用できない。セル単位で縦書きに設定したいときは、セルの中にfo:block-containerを置いて、fo:block-containerに縦書きを設定する。また、fo:page-sequence、fo:simple-page-masterは参照エリアを直接生成しないが、本体区画を通じて指定が有効となる。fo:tableに指定したライティングモードは表の行進行方向（row-progression-direction）と列進行方向（column-progression-direction）を指定する。

5–8 単純ページマスターの回転・ライティングモード適用

• 単純ページマスターの区画に参照方向で回転を指定したときは、ページシーケンスにfrom-page-master-region()を指定し、区画毎に指定した回転方向を取得する。
• 単純ページマスターの区画にライティングモードで初期値以外の表記進行方向を指定したときは、ページシーケンスにfrom-page-master-region()を指定し、区画毎に指定した表記進行方向を取得する。

単純ページマスターに回転を指定すると、本文区画のマージンを含めて全体が回転する。まず、回転を指定していない単純ページマスターと組版結果を示す（図5･9 単純ページマスター（回転を設定しない））。

<fo:simple-page-master page-height="80mm" 
                       page-width="160mm" 
                       margin-top="10mm" 
                       margin-left="20mm" 
                       margin-right="20mm" 
                       margin-bottom="10mm" 
                       master-name="PageMaster1">
  <fo:region-before border-before-style="double" 
                    border-before-width="2pt" 
                    border-before-color="black" 
                    background-color="#BBBBBB" 
                    extent="15mm" />
  <fo:region-after border-before-style="double" 
                   border-before-width="2pt" 
                   border-before-color="black" 
                   background-color="#BBBBBB" 
                   extent="15mm" />
  <fo:region-start border-before-style="double" 
                   border-before-width="2pt" 
                   border-before-color="black" 
                   background-color="#E0E0E0E0" 
                   extent="15mm" />
  <fo:region-end border-before-style="double" 
                 border-before-width="2pt" 
                 border-before-color="black" 
                 background-color="#E0E0E0E0" 
                 extent="15mm"/>
  <fo:region-body border-before-style="double" 
                  border-before-width="2pt" 
                  border-before-color="black"
                  background-color="#EEEEEE"
                  margin-top="20mm" 
                  margin-left="20mm" 
                  margin-right="20mm" 
                  margin-bottom="20mm" 
                  display-align="center" />
</fo:simple-page-master>	

次に90度回転の設定と組版結果を示す（図5･10 単純ページマスター（90度回転））。単純ページマスターの回転単純ページマスターにreference-orientation="90"を設定し、ページシーケンスにreference-orientation="from-page-master-region()" を追加する。

<fo:simple-page-master reference-orientation="90" …略… >
…略…
<fo:page-sequence reference-orientation="from-page-master-region()" …略… >

次に180度回転の設定と組版結果を示す（図5･11 単純ページマスター（180度回転））。単純ページマスターにreference-orientation="180"を設定し、ページシーケンスにreference-orientation="from-page-master-region()" を追加する。

<fo:simple-page-master reference-orientation="180" …略… >
…略…
<fo:page-sequence reference-orientation="from-page-master-region()" …略… >

次に単純ページマスターに縦組（writing-mode="tb-rl"）を指定する例と組版結果を示す（図5･12 単純ページマスター（縦組））。このときはページシーケンスにwriting-mode="from-page-master-region()"を設定する。単純ページマスターの縦組

<fo:simple-page-master writing-mode="tb-rl" …略… >
…略…
<fo:page-sequence writing-mode="from-page-master-region()" …略… >

本文区画のみを縦組とし柱やノンブルを横組にするには単純ページマスターではなく、本文区画に縦組（writing-mode="tb-rl"）を指定する。設定例と組版結果を示す（図5･13 本文区画のみに縦組指定）。本文区画のみを縦組

<fo:simple-page-master page-height="80mm" 
                       page-width="160mm" 
                       margin-top="10mm" 
                       margin-left="10mm" 
                       margin-right="10mm" 
                       margin-bottom="10mm" 
                       master-name="PageMaster4">
　　　　　　　　…略…
  <fo:region-body writing-mode="tb-rl"
                  border-before-style="double"
                  border-before-width="2pt"
                  border-before-color="black"
                  background-color="#EEEEEE"
                  margin-top="15mm"
                  margin-left="30mm"
                  margin-right="30mm"
                  margin-bottom="20mm"
                  display-align="center" />
</fo:simple-page-master>

5–9 内容領域の大きさ

プロパティblock-progression-dimension（ブロック進行方向のサイズ）とプロパティinline-progression-dimension（行内進行方向のサイズ）は、エリアの内容領域の大きさを指定するプロパティである。

内容領域の大きさ指定は、CSSから由来するプロパティとしてプロパティheight（高さ）とプロパティwidth（幅）も使える。

内容領域の大きさを直接指定できるのは次のFOのみである(次のFOに内容領域の大きさを指定できるということは、そのFOから生成されるエリアが1ページに収まることを想定するだろう。)。

• fo:block-container
• fo:external-graphic
• fo:instream-foreign-object
• fo:inline
• fo:inline-container
• fo:table
• fo:table-caption
• fo:table-row（block-progression-dimensionのみ指定できる。）
• fo:table-cell

<fo:block-container  writing-mode="tb-rl" 
                     inline-progression-dimension="7em" 
                     block-progression-dimension="16em"  
                     border="solid 0.1pt green"
                     space-after="1em">
  <fo:block>ブロック１</fo:block>    
  <fo:block>ブロック２</fo:block>
  …略… 
  <fo:block>ブロック１０</fo:block>        
</fo:block-container>
<fo:block-container  writing-mode="tb-rl"  
                     height="7em"
                     width="16em" 
  <fo:block>ブロック１</fo:block>    
  <fo:block>ブロック２</fo:block>
  …略… 
  <fo:block>ブロック１０</fo:block>        
</fo:block-container>

5–10 絶対方向指定と論理方向指定

エリアの周辺の広がりを示すプロパティは、①top（上）・bottom（下）・left（左）・right（右）という絶対方向で指定するプロパティと②ブロック進行方向と行内進行方向を基準に指定する論理方向のプロパティがある。

5–11 マージン・プロパティのグループ

エリアの周囲の空き（ボーダーの外側）に関連する論理プロパティと絶対プロパティには次のものがある。スペースプロパティは、ブロックレベルではbefore/after、インラインレベルではstart/endが有効となる。インデントについては後述する。

ブロックレベルFO用の論理プロパティ

space-before、space-after、start-indent、end-indent

インラインレベルFO用の論理プロパティ

space-start、space-end

絶対プロパティ（マージン）

margin-top、margin-bottom、margin-left、margin-right

マージンプロパティは、ライティングモードに応じて表5･13 絶対方向と論理方向の対応の表のように論理プロパティに対応付けられる。space-before/space-afterは間隔指定子（6–8 複合データ型<space>を参照）なので、マージンから対応付けるとき、.conditionaltyの値はretainとする。

<fo:region-body margin="10mm 10mm 10mm 10mm" 
                border-left="0.1pt solid blue"/>
…略…
<fo:block>fo:block-containerのマージン</fo:block>
<fo:block-container margin-left="20pt" 
                    border-left="solid 1pt #dddddd">
  <fo:block border-left="0.1pt solid red">
      1pt コンテナの中　コンテナの中</fo:block>
</fo:block-container>
<fo:block-container margin-left="20pt" 
                    border-left="solid 10pt #dddddd">
  <fo:block border-left="0.1pt solid red">
      10pt コンテナの中　コンテナの中</fo:block>
</fo:block-container>
<fo:block-container margin-left="20pt" 
                    border-left="solid 20pt #dddddd">
  <fo:block border-left="0.1pt solid red">
      20pt コンテナの中　コンテナの中</fo:block>
</fo:block-container>

<fo:block space-before="1em">fo:blockのマージン</fo:block>
<fo:block margin-left="20pt" 
          border-left="solid 1pt #dddddd">
  <fo:block border-left="0.1pt solid red">
       1pt ブロックの中　ブロックの中</fo:block>
</fo:block>
<fo:block margin-left="20pt" 
          border-left="solid 10pt #dddddd">
  <fo:block border-left="0.1pt solid red">
       10pt ブロックの中　ブロックの中</fo:block>
</fo:block>
<fo:block margin-left="20pt" 
          border-left="solid 20pt #dddddd">
  <fo:block border-left="0.1pt solid red">
       20pt ブロックの中　ブロックの中</fo:block>
</fo:block> 

<fo:block>fo:block-containerのインデント</fo:block>
<fo:block-container start-indent="20pt" 
                    border-left="solid 1pt #dddddd">
  <fo:block border-left="0.1pt solid red">
      1pt コンテナの中　コンテナの中</fo:block>
</fo:block-container>
<fo:block-container start-indent="20pt" 
                    border-left="solid 10pt #dddddd">
  <fo:block border-left="0.1pt solid red">
      10pt コンテナの中　コンテナの中</fo:block>
</fo:block-container>
<fo:block-container start-indent="20pt" 
                    border-left="solid 20pt #dddddd">
  <fo:block border-left="0.1pt solid red">
      20pt コンテナの中　コンテナの中</fo:block>
</fo:block-container>

<fo:block>fo:blockのインデント</fo:block>
<fo:block start-indent="20pt" 
          border-left="solid 1pt #dddddd">
  <fo:block border-left="0.1pt solid red">
       1pt ブロックの中　ブロックの中</fo:block>
</fo:block>
<fo:block start-indent="20pt" 
          border-left="solid 10pt #dddddd">
  <fo:block border-left="0.1pt solid red">
       10pt ブロックの中　ブロックの中</fo:block>
</fo:block>
<fo:block start-indent="20pt" 
          border-left="solid 20pt #dddddd">
  <fo:block border-left="0.1pt solid red">
       20pt ブロックの中　ブロックの中</fo:block>
</fo:block>

5–12 相対配置

プロパティrelative-positionプロパティは、このプロパティを指定したFOを通常に配置したとしての位置に対して、プロパティtop、プロパティbottom、プロパティleft、プロパティrightプロパティ値で指定した量だけずらして配置する。relative-positionによって特定のFOの位置をずらしても、それが他のFOの位置に影響を与えることはない。

relative-positionはCSSに由来するがXSL-FOでは現在の支配座標系に対して位置を指定する。CSSではオブジェクトを含むボックスに対する相対なので解釈を変えている。

relative-positionはfo:block、fo:table-and-caption、fo:list-blockなどの主要なブロックレベルFOとfo:inline、fo:inline-container、fo:external-graphic、fo:instream-foreign-objectなどのインラインレベルのFOに適用できる。

fo:block-containerはrelative-positionではなく絶対位置指定（absolute-position）で位置を指定する（11–2 ブロックコンテナーの位置指定を参照）。